Web開発では、画像処理は、サムネイルの生成、透かし、自動カラー調整など、非常に一般的な要件です。パーソナライズされたアバターや芸術効果の生成など、いくつかのシナリオでは、さまざまな入力に基づいてカラーパレットを動的に生成し、画像に適用する必要があります。
この記事では、PHPを使用してサポートされている画像処理スクリプトを作成する方法を教えてくれます。
画像を処理するために、PHPで最も一般的に使用されるライブラリはGDライブラリ( GD拡張機能)です。開始する前に、PHP環境がGD拡張機能をインストールして有効にしていることを確認してください。
php -m | grep gd
インストールされていない場合は、同様の方法でインストールできます(Ubuntuを例として使用):
sudo apt-get install php-gd
sudo service apache2 restart
パラメーターを受信します(色、画像サイズ、色調整モードなど)
パラメーターに基づいて動的なカラーパレットを生成します
キャンバスを作成します
パレットから画像を描画します
画像を出力または保存します
動的なパレットと簡単なレンダリング効果をサポートする完全な例を次に示します。
<?php
// 応答ヘッダーを設定します
header('Content-Type: image/png');
// カラーパレット生成関数を定義します
function generatePalette($baseColor, $count = 5) {
$palette = [];
list($r, $g, $b) = sscanf($baseColor, "#%02x%02x%02x");
for ($i = 0; $i < $count; $i++) {
$factor = 1 - ($i * 0.15);
$palette[] = sprintf("#%02x%02x%02x",
max(0, min(255, $r * $factor)),
max(0, min(255, $g * $factor)),
max(0, min(255, $b * $factor))
);
}
return $palette;
}
// からGETパラメーター読み取り基本色
$baseColor = isset($_GET['color']) ? $_GET['color'] : '#3498db';
// カラーパレットを生成します
$palette = generatePalette($baseColor);
// キャンバスを作成します
$width = 500;
$height = 100;
$image = imagecreatetruecolor($width, $height);
// 背景を埋めます
$white = imagecolorallocate($image, 255, 255, 255);
imagefill($image, 0, 0, $white);
// カラーパレットを描きます
$segmentWidth = $width / count($palette);
foreach ($palette as $index => $hex) {
list($r, $g, $b) = sscanf($hex, "#%02x%02x%02x");
$color = imagecolorallocate($image, $r, $g, $b);
imagefilledrectangle(
$image,
$index * $segmentWidth,
0,
($index + 1) * $segmentWidth,
$height,
$color
);
}
// オプション:図にカラーコードにラベルを付けます
foreach ($palette as $index => $hex) {
$textColor = imagecolorallocate($image, 0, 0, 0);
imagestring(
$image,
3,
$index * $segmentWidth + 10,
$height / 2 - 7,
$hex,
$textColor
);
}
// 出力画像
imagepng($image);
imagedestroy($image);
?>
上記のコードをpalette.phpとして保存すると、次の方法でアクセスできます。
https://m66.net/palette.php?color=%23e74c3c
これにより、赤( #e74c3c )に基づいてパレットが生成され、画像が返されます。
出力は画像コンテンツであるため、スクリプトにHTMLやスペース出力はありません。そうしないと、画像が破損します。
カラーパレットの数は、必要に応じて柔軟に調整できます。
より複雑なアプリケーションシナリオの場合、勾配、ランダムな色、さまざまな色の一致などの高度な関数を追加できます。
この記事を通して、カラーパレットを動的に生成し、PHPを使用して画像としてレンダリングする方法を学びます。この小さなトリックは、アバタージェネレーター、ゲームスキンの構成、テーマカラープレビューなど、さまざまなシナリオに柔軟に適用できます。
将来的には、これに基づいてさらに拡張することができます。色理論を組み合わせてより調整されたカラーパレットを生成したり、AIを組み合わせてパーソナライズされた配色を生成したりできます。