昔からあって、今さら説明する必要がないほど定番な画面キャプチャソフトのWinShotで、公式の動作環境はWindows XPで止まっているのですが、Windows 11になってからもエビデンスの画面キャプチャを取得する際に使用しています。 機能も豊富でとても便利な...

ページの読み込み速度はSEO的にも凄く大事ですよね。ページが重い1番の原因は画像です！あなたもWordPressの設定やプラグインなどで、画像を圧縮したり遅延読み込みさせたりと高速化していると思います。しかし、そこに落とし穴が！！ 画像が表示されない...

前回ご紹介したPageSpeed Insightsの分析結果を受けて、WordPressを高速化したいと思います！ 課題に挙げた通り、WordPressを高速化するために、CSSやJavaScript、画像サイズの見直しを行いました。 WordPressを高速化するプラグインもご紹介しますので、...

ページの読み込み時間には、SEOの観点からも非常に重要視されています。特に昨今では、スマホでWEBサイトを閲覧する機会が多くなっているため、利用者が待ち時間にイライラしたり、パケット代を気にするようにもなりました。まずは、自分のサイトの読み込...

突然ですが問題です！こちらのモザイクがかかった画像は何に見えますか？誰もが知っている超有名な絵画です。 正解は...サンドロ・ボッティチェッリの絵画で「ヴィーナスの誕生」でした。 ヴィーナスの誕生 実はよく見るとこのモザイク、すべて絵文字でで...

Googleの数あるAPIの中に「Cloud Vision API」があります。画像の内容を分析してくれるAPIなのですが、その1つにアダルトや暴力的な表現が含まれてる不適切な画像を検出してくれる機能もあります。今回はCloud Vision APIをPHPで利用する方法をご紹介しま...

今回ご紹介するのは、画像編集ソフトを使わずに、プログラムだけで簡単に画像の加工ができるようになるLaravelのパッケージ「Intervention Image」です！なぜ、これを使おうと思ったかと言うと、以前紹介したPWAのアイコンやスプラッシュ画像を一括で作成...

皆さん、画像編集ソフトは何を使っていますか？以前、CSSのみで画像に一時的に効果（エフェクト）を付ける方法をご紹介しましたが、今回は、オンラインで画像そのものを編集する画像編集ツール「Pixlr Editor」をご紹介します。 Pixlr Editor Pixlr 著者も...

よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがありますが、親切なサイトだとその場でトリミング（切り抜き）ができることもあります。いつもは利用する側なのですが、今回は作る側として画像を加工できるjQuery...

<input type="file">で画像をアップロードする際、特に複数ある場合にサムネイルがないと、正直何をアップロードしようとしているのか確認できません。そこで、JavaScriptとWeb APIのFileReaderオブジェクトを使用して、画像をBase64エンコードして...