wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

WordPress屋のマルチメディアコンテンツ制作読んどけ☆コラム

【PHP】GD・ImageFilterで、画像の色合いを変えてみる

   

こんにちは、管理人@SS_mshpです。

今回は、管理人がPHPプログラムについて学習していて、やってみた事柄を紹介いたします。

お題は『画像加工』。PHPでこういうことができるのは、実は最近知りました(笑)さっそく、コードや実際の画面、注意点などを見ていってみましょう。

通常は、画像加工ソフトでやることが多い(MediBang・Photoshopなど)

『実はPHPでも画像の色合い変更など、加工できる』というようなタイトルでしたが、通常は画像加工のソフトを使うことが多いと思います。

(画像はMediBang paint)一部分だけ加工みたいなのは専用ソフトのほうがよいかもです。たとえば、上記の写真で一部分だけ彩度を落とすみたいな加工をするには・・・


そのまま範囲指定する他、パーツを切り取ってレイヤーし、色相や彩度・明るさとかを変更とか。灰色にするには彩度をガッツリ下げます。

また、フォトショップでも簡単です。

■Photoshopで写真の色を置き換える方法(techacademy)
https://techacademy.jp/magazine/2292

現在では、スマホのアプリでもできますね。特にinstagramなどだと、フィルターの色合いがいい感じで雰囲気が出しやすいかと思います。

PHP GD・ImageFilterで、画像の色合いを変える方法

『範囲指定して色合い変更』みたいなのは画像加工ソフトで大丈夫ですが、ちょっと技術者っぽく(笑)、PHPのGD・ImageFilterの機能を使って、カンタンな画像加工をしてみたいと思います。ImageFilterは名前のとおり、画像にフィルターかける機能です。

事前にGDつかえるかチェックする(phpinfo関数)

まずは、PHPで画像加工ができるか調べたいと思います。管理人の使っているサーバーのPHP設定部分だけではわからなかったので、任意の場所に<?php phpinfo(); ?>をはっつけて、情報を確認します。これは、PHPの設定内容を確認する関数です。


こんな感じで、設定内容がずらーっと出てきます(長い)。GD supportが『enable』になっています。このサイトのサーバーではPHPで画像加工ができると判定しました。

PHP GD・ImageFilterで、画像の色合いを変えるコード

画像を加工するPHPファイルの部分です。
/wp-content/uploads/2018logo2.pngというのは、このぶろぐのロゴ画像のパスです。これに対してR255・G0・B255みたいな形で色合いを設定しました。CSSにもこんな風にRGBで指定するものがあるので、やったことがあるととっつきやすそうです。

そして、任意のHTMLファイルの中で、画像を呼び出すときに、『<img src=”https://○○(ドメイン)/PHPファイルの名前.php” alt=”” />』のように、画像のリンクにそのPHPファイルを指定します。出てこないときはPHPファイルの最後でvar_dumpしてみました。

実行結果~PHPで色合い変化成功!


ちょっと背景透過pngを使ったのは失敗だったんですけど(周りが黒くなる笑)、PHPだけで緑をカットして紫っぽい色合いにすることができました。

注意!アルファチャンネルサポートは、PHP5.2.5以上から、バージョンが低いと警告が


そのほか、画像があるページじゃなくて、直接PHPファイルにアクセスしても画像を表示します。


しかし、管理人は『main.jpドメイン(ロリポサーバーのドメイン)』の部分を、過去バージョンのPHP(5.2)にしたままでした。その結果main.jpドメインでアクセスすると、このように大量に警告が。

PHPマニュアルによると、『5.2.5 IMG_FILTER_COLORIZEでアルファチャネルをサポートするようになりました』とあったので、古いバージョンのPHPでは使えません。こういうことがあるので、バージョンも気にしましょう。

参考サイト・まとめ

PHP GD・ImageFilterで画像の色を変える方法・参考サイト

  • imagefilter(PHPマニュアル)
    https://www.php.net/manual/ja/function.imagefilter.php 
  • GD グラフィック ライブラリ(wikipedia)
    https://ja.wikipedia.org/wiki/GD_Graphics_Library
  • PHP GDプログラミング(geekなぺーじさん)
    https://www.geekpage.jp/web/php-gd/

管理人は上記のサイトを見て、PHPで画像加工ができることを知りました。
今回あつかったのはRGBや透過を調整する機能でしたが、ほかにも『グレースケール』や『彩度・輝度』、『単色化』『モザイク』などもokだそうです。PHPということで、WordPressなどにも組み込みやすいかもしれないので、何か活用方法を考えてみたいと思います。

*アトリエSS・web制作サービスページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

【カテゴリ】 - webサイト制作 【タグ】 -

  関連記事

【WordPress2019公式テーマ】Twenty Nineteenってどう?→文字デカすぎ&PCも1カラムは難点・ブロックエディタとの親和性はok

今回は、WordPressバージョン5以上に更新したら勝手についてきた、 …

侍エンジニア塾ブログにあったPHPコードをシンプルに書いてみる(foreachで配列キーや値取得・continueで空要素スキップ)

今回は、(自分もまだプログラム学習中の身ですが)よくある『プログラム学習 …

【PHPでWPカスタマイズ】プラグイン不使用で、テーマに関連記事表示機能を実装しPV・滞在時間を上げる

今回は、サイトをしっかり見てもらうために、『WordPressサイトに、 …

PHP・shuffleやarrayを使った、画像ランダム表示方法~メインビジュアルやバナー・テキストにも利用可能

今回は、以前お取引先のスクールの担当者さまと、『サイトのメインビジュアル …

wordpress構成ファイルのxmlrpc.phpを無効化する方法【実は攻撃されやすい】

今回は、wordpressの構成ファイルで、ちょっとクセのある『xmlr …

【別に止めなくてOK】wordpressサイトなどに、アメブロ・fc2など無料ブログの更新情報を表示して連携する方法

今回は、『無料ブログにすべきかwordpressにすべきか』という疑問に …

【wordpressカスタマイズ】llorix_oneなどビジネストップ1カラムテーマで、カスタマイザーで入らない動画・オーディオを入れる

今回は、人気の海外ディベロッパーのwordpressテーマで、動画やオー …

【WPカスタマイズ】子テーマさえ入れとけば大丈夫?なわけねーだろ!(親テーマに手を入れる・ファイルコピー適応させる羽目になる事例)

今回は、推奨されてるWPの子テーマについてですが、『結局親テーマいじる羽 …

【セキュリティ・脆弱性対策2018】wordpressでサイバー攻撃されやすいファイルってどんなのがあるの?

今回は、wordpress利用者にも気になる『サイバー攻撃』についてです …

ワードプレスでデータベースにたまる余計なデータって何があるの?事例と対処方法

今回は、ワードプレスのサイトでよくある『データベースにたまる余計なデータ …

【WPカスタムフィールドはこう使う】カップ焼きそばレビュー記事に、カスタムフィールドで評価スコアを(CSSつけ方もあり)

今回はwordpressの機能『カスタムフィールド』で、より具体的に利用 …

【PHPで条件分岐】wordpressのサイトで、ページごと(固定・記事・カテゴリ・複数ページ)に、表示される内容を変えたいっ!

今回は、wordpressのサイトで使われるPHPプログラムの条件分岐で …