Illustro
Illustro

ホームページ用イラストをAIで生成

LPのメインビジュアルやヘッダー、ブログのアイキャッチ画像まで、ホームページのイラストをサイトの雰囲気に合わせて作成できます。Webデザイナーや開発者、自社サイトを作る起業家の方に。

i
プロンプトの書き方
イラストのプレビュー
イラストのプレビュー

ほかとかぶらない、オリジナルの1枚

素材サイトにはない、自分だけのイラストを生成できます。

商用利用OK、仕事にも安心

クレジットを一度買えば、クライアントの案件にも使えます。

手ごろな価格で、本格的な仕上がり

イラスト1枚は1〜4クレジット。まとまった制作費はいりません。

思いついたら、数分で形に

できあがったイラストは、すぐにダウンロードして使えます。

カード登録不要

※上のイラストはIllustroで作成しました

作例からヒントを見つけよう

Illustroで作ったフラットイラストを集めました

「モダンなWebサイトのランディングページ」のホームページ用イラスト
「ECサイトのトップページ」のホームページ用イラスト
「クリエイティブなポートフォリオサイト」のホームページ用イラスト
「企業サイトのヘッダーイラスト」のホームページ用イラスト
「SaaSのサービスサイト」のホームページ用イラスト
「制作会社のランディングページ」のホームページ用イラスト
「テック系スタートアップのWebサイト」のホームページ用イラスト
「コーポレートサイトのデザイン」のホームページ用イラスト
「モダンなWebサイトのランディングページ」のホームページ用イラスト
「ECサイトのトップページ」のホームページ用イラスト
「クリエイティブなポートフォリオサイト」のホームページ用イラスト
「企業サイトのヘッダーイラスト」のホームページ用イラスト
「SaaSのサービスサイト」のホームページ用イラスト
「制作会社のランディングページ」のホームページ用イラスト
「テック系スタートアップのWebサイト」のホームページ用イラスト
「コーポレートサイトのデザイン」のホームページ用イラスト
「モダンなWebサイトのランディングページ」のホームページ用イラスト
「ECサイトのトップページ」のホームページ用イラスト
「クリエイティブなポートフォリオサイト」のホームページ用イラスト
「企業サイトのヘッダーイラスト」のホームページ用イラスト
「SaaSのサービスサイト」のホームページ用イラスト
「制作会社のランディングページ」のホームページ用イラスト
「テック系スタートアップのWebサイト」のホームページ用イラスト
「コーポレートサイトのデザイン」のホームページ用イラスト
「オンラインマーケットのWebサイト」のホームページ用イラスト
「教育サービスのWebサイト」のホームページ用イラスト
「医療・ヘルスケアのWebサイト」のホームページ用イラスト
「レストランのWebサイト」のホームページ用イラスト
「旅行サイトのトップページ」のホームページ用イラスト
「ファッションブランドのWebサイト」のホームページ用イラスト
「金融サービスのWebサイト」のホームページ用イラスト
「クリエイティブなWebデザイン」のホームページ用イラスト
「オンラインマーケットのWebサイト」のホームページ用イラスト
「教育サービスのWebサイト」のホームページ用イラスト
「医療・ヘルスケアのWebサイト」のホームページ用イラスト
「レストランのWebサイト」のホームページ用イラスト
「旅行サイトのトップページ」のホームページ用イラスト
「ファッションブランドのWebサイト」のホームページ用イラスト
「金融サービスのWebサイト」のホームページ用イラスト
「クリエイティブなWebデザイン」のホームページ用イラスト
「オンラインマーケットのWebサイト」のホームページ用イラスト
「教育サービスのWebサイト」のホームページ用イラスト
「医療・ヘルスケアのWebサイト」のホームページ用イラスト
「レストランのWebサイト」のホームページ用イラスト
「旅行サイトのトップページ」のホームページ用イラスト
「ファッションブランドのWebサイト」のホームページ用イラスト
「金融サービスのWebサイト」のホームページ用イラスト
「クリエイティブなWebデザイン」のホームページ用イラスト

どんなWebサイトにも

LPから機能紹介のセクションまで、訪れた人の目に留まるビジュアルを作れます

LP(ランディングページ)

目を引くファーストビューのイラストで、第一印象からしっかり伝わるページに。

LP用イラストの例

ヘッダー・バナー

ひと目で印象に残るヘッダーイラストやバナーで、ブランドらしさを伝えます。

ヘッダー用イラストの例

ECサイト

商品ページやカテゴリーの画像、お買い物の流れを案内するイラストに。

会社紹介ページ

チームやミッション、大切にしている価値観を、オリジナルのイラストで伝えます。

ポートフォリオサイト

作品集や制作事例のページに、実績を引き立てるイラストを添えられます。

SaaSのサイト

機能紹介、オンボーディング、プロダクトの説明図に。わかりにくい仕組みもイラストで伝わります。

ユーザーの声

「直感的に使えて、すぐにいい結果が出ます。それでいて、使い込むほど奥の深さがわかるツールです。プロジェクト用のイラストが、数分で仕上がるようになりました。」

Sarah L.

プロダクトマネージャー

「仕事の進め方がすっかり変わりました。AIが描くイラストの品質がいつも安定していて、何時間もかかっていた作業が減りました。」

Michele M.

UIデザイナー

「絵が得意ではない自分にとって、本当に心強い存在です。作ったイラストはプロらしい仕上がりで、イメージどおりになります。」

Louis D.

コンテンツクリエイター

「いろいろなAIツールを試してきましたが、求めているものをここまで正確に形にしてくれるものは、なかなかありません。仕上がりの質も見事です。」

Jamie T.

作家

「スタイルの調整が充実していて、ほとんど手間をかけずに、ブランドの雰囲気にぴったりのイラストが作れます。」

Alex W.

マーケティングディレクター

「ブログ記事やSNSの投稿に使っています。数秒で生成できるのに、コンテンツの印象がぐっと良くなります。」

Ryan K.

デジタルマーケター

「AIで生成したイラストの細かさには感心します。仕上がりを見せると、クライアントにいつも驚かれます。」

Maria S.

マーケティングマネージャー

「このツールで作ったイラストは、今ではピッチ資料に欠かせません。言葉だけでは伝えきれないアイデアを、ひと目で伝えてくれます。」

David P.

創業者

「直感的に使えて、すぐにいい結果が出ます。それでいて、使い込むほど奥の深さがわかるツールです。プロジェクト用のイラストが、数分で仕上がるようになりました。」

Sarah L.

プロダクトマネージャー

「仕事の進め方がすっかり変わりました。AIが描くイラストの品質がいつも安定していて、何時間もかかっていた作業が減りました。」

Michele M.

UIデザイナー

「絵が得意ではない自分にとって、本当に心強い存在です。作ったイラストはプロらしい仕上がりで、イメージどおりになります。」

Louis D.

コンテンツクリエイター

「いろいろなAIツールを試してきましたが、求めているものをここまで正確に形にしてくれるものは、なかなかありません。仕上がりの質も見事です。」

Jamie T.

作家

「スタイルの調整が充実していて、ほとんど手間をかけずに、ブランドの雰囲気にぴったりのイラストが作れます。」

Alex W.

マーケティングディレクター

「ブログ記事やSNSの投稿に使っています。数秒で生成できるのに、コンテンツの印象がぐっと良くなります。」

Ryan K.

デジタルマーケター

「AIで生成したイラストの細かさには感心します。仕上がりを見せると、クライアントにいつも驚かれます。」

Maria S.

マーケティングマネージャー

「このツールで作ったイラストは、今ではピッチ資料に欠かせません。言葉だけでは伝えきれないアイデアを、ひと目で伝えてくれます。」

David P.

創業者

すでに多くのクリエイターが登録しています

Illustroの登録ユーザー6,765人

カード登録不要

よくある質問

ホームページには、どのファイル形式が向いていますか?

おすすめはSVGです。どこまで拡大してもくっきりしたままで、ファイルサイズもごく小さく済みます。メインビジュアルの背景やサムネイルなど、ラスター画像が向いている場面ではPNG・JPGも使えます。

レスポンシブやRetinaディスプレイに対応していますか?

はい。SVGなら画面の解像度を問わず、きれいに表示されます。PNG・JPGの場合は、srcset・sizes属性で出し分けると、Retinaディスプレイでも鮮明に表示できます。

イラストをブランドカラーに合わせられますか?

はい。Illustroで色を変更できるほか、書き出したSVGをFigmaやAdobe Illustratorで開けば、HEXやHSLの値、デザイントークンどおりに細かく調整できます。

Core Web Vitalsに影響はありますか?

SVGは軽く、表示も高速です。ラスター画像はPNG・JPGでのダウンロードになるので、できればWebPやAVIFなどの次世代フォーマットに変換し、スクロールしないと見えない画像は遅延読み込みにしましょう。width・heightを指定しておけば、CLS(レイアウトのずれ)も防げます。

ホームページ用のイラストは商用利用できますか?

はい、クレジットを購入すれば利用できます。どのクレジットを購入しても、それまでに生成したものを含め、作ったイラストすべてに商用利用の権利がつきます。LP、ブログ、ドキュメント、企業サイト、クライアントの案件にお使いください。クレジットを購入するまでは、個人での利用に限られます。

メインビジュアル用に、背景を透明にするには?

SVG(おすすめ)か、透過PNGで書き出してください。グラデーションや写真、パターンの上に重ねても、白い四角が浮いて見えることはありません。

ダウンロードしたあとに、イラストを編集できますか?

はい。SVGをFigmaやAdobe Illustratorで開けば、形、色、線の太さ、レイアウトを変更できます。データの構造がすっきりしているので、ページに合わせたアレンジも手軽にできます。

メインビジュアルや機能紹介の画像は、どのサイズにすればいいですか?

メインビジュアルをラスター画像にするなら、幅1200〜1600pxが一般的です(画面幅に合わせたサイズ違いも用意しましょう)。アイコンや小さなイラストはSVGにすれば、1つのファイルですべてのブレイクポイントに対応できます。

A/Bテスト用に、複数のパターンを作れますか?

はい。プロンプトや配色を少しずつ変えて、いくつか案を生成してください。複数のパターンを書き出してA/Bテストすれば、どのイラストの反応がいいか確かめられます。

まずは無料で、Illustroを試してみませんか

イラスト作りは、もっと気軽でいい。アイデアを書くだけで、ブランドに合った、編集できるイラストが1分以内に仕上がります。

カード登録不要

用途別のAIイラスト生成

作るものに合わせて、専用のツールを選べます。