Geminiの画像生成・編集が、ハイクオリティに。 画像生成と画像編集。Google AI Studioの使い方。 無料で画像編集が可能、かつ高精度で。 Google AI Studioに、Gemini 2.5 Flash Imageとして、新しい画像生成機能が登場。 クオリティが高いので、使い方次第でかなりのポテンシャルを感じる。 Nano Bananaによ...

ChatGPTで画像を生成し、背景を切り抜く。 言葉で画像生成や画像編集の指示を出す。 日本語での指示出しでOK。 まずは切り抜いたい画像を用意。今回はChatGPTの生成画像を切り抜いてみる。 メッセージ（プロンプト）の例。 「可愛い２匹の猫が遊んでいる画像をお願いします。」 これで画像生成は完了。 （※スクショはダークモード時のもの。）...

ChatGPT GPT-4oの画像生成、Image Generation。 Image Generation（Image Gen）の使い方例。 作りたい画像をメッセージで指示。 生成したい画像をテキスト入力で指示。 （※テキストメッセージのことをプロンプトとも呼ばれる。） 現在は生成に結構、時間がかかる。（今回は無料プランで生成。） メッセージ（...

Figmaのエクスポートによる書き出しは4種類の画像形式。 PNGのメリット。 どうしてPNGなのか？ Figmaのエクスポート（画像書き出し）は、デフォルトではPNGとなっている。 PNGはUI/UXデザインを行うときに便利で、アイコンやボタン、ロゴなどを書き出しやすい。 イラストやトリミングされた画像も、PNGが向いている。 PNGは透過が可能。 ...

検索結果からファビコンが突然消える？ ファビコンがGoogleやYahooで表示されない。 ファビコンの設定方法を確認。 気がついたらGoogleやYahooの検索結果からサイトのファビコンが消えていた。 ファビコンの設定方法を確認しても、特に問題が見つからず。 ファビコン表示がされないときの主な確認事項。 画像の形式や拡張子。（favicon.ic...

GPT-4o。無料でも使えるChatGPT最新モデル。 見て、読んで、聞いて、声で会話するChatGPT。 音声会話が格段に飛躍。 ChatGPTが、文字・画像・音声などのトレーニングによる新たなニューラルネットワークの構築で、より自然な音声で会話ができるようになる。 感情表現ができ、バリエーションがあり、声の抑揚やトーンも変えられる。 YouTube...

ChatGPTでの画像生成。 ChatGPT無料版での画像生成。 無料プランでも。 有料プランのChatGPT Plusで始まっていた画像生成が、無料プランのChatGPTでも生成できるようになっている。 日本語でも。 英語だけでなく、日本語でも画像生成が可能。 新しい画像生成機能「Image Generation（Image Gen）」の使い方例。 ...

Geminiの使い方。画像生成の例。 Googleの生成AI Geminiの画像生成。 テキストから画像生成。 Googleの生成AI、「Bard（現Gemini）」が画像生成をスタート。 ChatGPTやCopilotのように、テキストによる指示で画像が生成ができる。 （※2024年2月8日に、Bard（バード）からGemini（ジェミニ）に名称が変更。） ...

HEICからJPGへ。 iPhoneのカメラで撮った写真が、HEICという画像形式になることがある。 HEICという画像の形式は、容量が軽くかつ画質が良いというメリットがあるが、まだ普及していない。そのため一部のサービスなどでは使用ができない。 もしiPhoneで撮影した写真を、十分に普及している「JPG（JPEG）」で保存されるようにしたい場合は、「設定」からJPGにで...

Bard（現Gemini）が画像認識を開始。 Geminiで画像認識。 Googleレンズの機能で。 Google検索の際に現れる、画像検索用のGoogleレンズを使って、 Geminiは画像を認識できる。 無料で使え、Googleアカウントでログインすると、すぐに利用できる。 2024年2月8日に、BardからGeminiに名称変更されました。 202...

O-DAN（オーダン） 商用利用可能なフリー写真や画像を世界から横断。 商用利用可。著作権フリー。 UnsplashやPixabayを横断検索。 ここ数年すっかりお世話になっている、商用利用可かつ著作権フリーな写真・画像の検索サイトO-DAN。 とにかく使い勝手が手軽で、アカウント登録の必要さえもない。 基本的にクレジット表記も不要で、加工もOK。ブログの記事...

Photoshopなどでちょこっとだけ画像編集したくなったとき。 無料プランで使えるオンライン画像編集ツール「Photopea」。 ちょっとした画像編集作業をしたくなったとき、このパソコンにPhotoshopが入っていればなぁ、と思うことがある。 しかしPhotoshopはなかなか高価であり、単発や短時間の作業ではコスパが良くない。 そういうときに、ブラウザ上で無料...

写真に映り込んだ不要な箇所を消したい。 Photoshopのように。 Cleanup Picturesで消していく。 写真の一部を消したいときに、なぞって消すことができるオンラインツール。 まるで、Photoshopの「修復ブラシ」や「コンテンツに応じた〜」のように。 Cleanup Pictures。 消したい写真をアップロード。 真ん中の点線で...

iPhoneの解像度とは？ デバイスの解像度と、画像サイズと、CSSの解像度。 意外と知らない！？ 解像度の基本設定。 基本的にWebで使用する写真などの解像度は72px/inchであり、Photoshopの解像度の設定も72px/inchが一般的となっている。 これはWindowsが普及する前の時代、Macの前身であるMacintoshの解像度に由来していると思わ...

CSSのobject-fitプロパティでできること。 object-fitでのトリミングが便利。 imgやvideoのサイズをCSSで指定したい時、object-fitプロパティが使える。 要素のボックス内で画像や動画の配置指定ができるので、サイト内に並べる際に、見た目や動きの統一化がしやすい。 object-fitの種類。 object-fit ...

CSS filterプロパティでできること。 CSSのfilterの種類。 filterプロパティの関数は代表的なもので10種類ほど。かつてはPhotoshopなどで行っていたWebサイト用の画像加工が、結構CSSだけでカバーできるようになった。 色の三属性やぼかし、シャドウなども。 filterでは色の三属性である色相・彩度・明度の調整から、ぼかし、コントラスト、...

CSS3 filterプロパティの優秀さ。 Webサイトにとって写真は重要だ。古来から百聞は一見に如かずとも言うように、人間は文字情報よりも視覚情報の方がはるかに早く伝わる。 腕の良いカメラマン、カメラウーマンが撮ってくれた写真があればベストなのだが、当然費用がかかる。個人的には写真素材はプロにお願いしたいが、小規模サイトの場合、そうもいかないことがある。必ずしもプロの写真を用...