メインコンテンツへ移動
eyunzhu

Favicon・アプリアイコン生成

サイト・アプリアイコン · 余白 · 複数サイズ

画像はアップロードされません

ファイル

0 · 0 件選択中

画像が選択されていません。

画像または ZIP ファイルをドロップ 画像の貼り付けや複数選択にも対応しています。
JPEG · PNG · WEBP · AVIF

処理設定

詳細設定
書き出し設定
証明写真の構図端末内の検出は構図案を作るだけです。書き出す前に手動で調整できます。

この画像の構図はまだ確定されていません。

証明写真の背景必要な場合だけ端末内で人物を切り抜きます。元画像は送信されません。
処理対象
形式
画像サイズ
プリセットサイズ主要サービスの推奨サイズ

複数のサイズを選ぶと、画像ごとに各サイズを書き出します。

アイコンのセーフエリア12%
アイコンの背景

同じ構図から Favicon、PWA、一般的なアプリアイコンと manifest を生成します。

切り抜き範囲枠をドラッグして位置と大きさを調整
回転
画質88%
画像サイズ
画像の配置
四辺の余白px
背景色
分割方法
配置
配置
詳細設定
輝度ヒストグラム
透かし画像

位置

詳細設定
背景切り抜きモード
画像を高解像度化Real-ESRGAN · 2×

画像から色を選択

配置
メタデータの処理
スキャンの仕上がり

各点を書類の角へドラッグします。細かな調整には矢印キーも使えます。

画質
フレーム範囲終了を空欄にすると最後まで処理します。

Base64 はデータ量が増えます。ブラウザーのメモリを守るため入力サイズを制限しています。

次の操作を選ぶ

画像はこのブラウザ内で一時的に受け渡され、サーバーにはアップロードされません。

引き継ぐ画像
画像一括処理処理手順を組み合わせ · まとめて書き出し 画像の切り抜き比率を指定 · 傾きを補正 · 1枚ずつ構図調整 画像の分割格子状に分割 · 縦長画像の分割 · ガイド指定 画像の連結横に連結 · 縦に連結 · グリッド配置 画像サイズ変更ピクセル・倍率指定 · サイズへの収め方 · 複数サイズ 画像キャンバスの拡張余白を追加 · キャンバス指定 · 背景を選択 SNS 用画像サイズ変換SNS 向けサイズ · 構図ガイド · 一括書き出し 画像圧縮自動圧縮 · 容量を指定 · 元画像と比較 画像形式変換選ぶだけで変換 · 複数形式 · 一括ダウンロード 画像・Base64 変換画像と Base64 を相互変換 · 即時プレビュー · コピー 画像編集回転・反転 · 色調整 · 元に戻す・やり直す 画像に透かしを追加文字・画像の透かし · ドラッグで配置 · タイル状配置 顔・個人情報を隠す顔検出 · 手動で範囲指定 · 複数画像を処理 画像の色調整露出と色調 · ヒストグラム · 即時プレビュー 画像カラーピッカークリックで色を取得 · HEX / RGB / HSL · パレット 画像の色を置換色を選択 · 許容値とぼかし · 即時プレビュー 画像比較スライダー比較 · 並べて表示 · ピクセル差分 画像メタデータの確認・削除画像情報 · プライバシー確認 · メタデータ削除 重複画像を探すフォルダーから読み込み · 完全一致 · 類似画像 複数画像から GIF を作成画像からアニメ作成 · 各フレームの長さ · 並べ替え GIF をフレームに分解フレーム範囲 · 抽出間隔 · 一括ダウンロード GIF アニメを編集フレーム順と長さ · 逆再生 · 切り抜き・拡縮 GIF を圧縮減色 · フレーム間引き · サイズ調整 GIF をスプライトシートに変換フレームを格子状に配置 · 座標ファイル 画像を PDF に変換画像を並べ替え · 用紙設定 · PDF にまとめる 画像プレースホルダー生成BlurHash · ThumbHash · 軽量プレビュー画像 スプライトシート作成画像を配置 · 間隔を指定 · CSS と座標 端末内で画像の背景を削除人物・一般画像の切り抜き · 輪郭調整 · 背景変更 画像から文字を抽出(OCR)文字認識 · 範囲を指定 · テキスト書き出し 書類写真スキャナー四隅を補正 · 書類を鮮明に · 複数ページ PDF 画像を高解像度化端末内で AI 拡大 · 縦横2倍 · 細部を補正 証明写真作成写真規格 · 構図調整 · 背景処理 中国旅券用写真写真規格 · 構図調整 · 背景処理 中国居民身分証用写真写真規格 · 構図調整 · 背景処理 中国教員資格試験用写真写真規格 · 構図調整 · 背景処理 中国国家公務員試験用写真写真規格 · 構図調整 · 背景処理 湖北省社会保障カード用写真写真規格 · 構図調整 · 背景処理 米国ビザ用写真写真規格 · 構図調整 · 背景処理 日本ビザ用写真写真規格 · 構図調整 · 背景処理

このツールについて

ブラウザーのタブ、ホーム画面、PWAには複数サイズのアイコンが必要です。見やすい元画像で構図をそろえ、導入時はファイルの参照先を確認します。

使い方

Favicon・アプリアイコン生成

このツールでできること

1枚から16~512ピクセルのPNG、favicon.icoとアイコン用manifestを作成。余白と背景を調整してまとめて保存できます。

使い方

鮮明な正方形画像を選び、余白を調整して被写体がセーフエリアに収まることを確認します。背景は透明または単色を選べます。Favicon、PWA、一般的なアプリアイコンと Web アプリマニフェストをまとめて出力します。

結果の確認と次の処理

主画像に座標、manifest、補助コードが付属します。完全なZIPを保存するとファイル同士の対応を保てます。

プライバシーとローカル処理

処理はブラウザ内で行われ、このツールから元画像がアップロードされることはありません。

よくある質問

ダウンロードだけでPWAやアプリストアの設定が完了しますか?

16~512画素のPNG13種、16/32/48入りfavicon.ico、192/512アイコンを列挙するsite.webmanifestが含まれます。サイトの参照先やその他のmanifest項目は自分で設定し、ストア用素材は別途用意します。

大きなロゴはきれいなのに、16 ピクセルのアイコンが読みにくいのはなぜですか?

小さな文字や細い線は縮小で失われます。単純でコントラストの高い図形を使い、余白を調整してください。16、32、48 ピクセルを実際の大きさで確認します。大きいアイコンが良好でも、小さい版が見やすいとは限りません。

コメント

0
してディスカッションに参加してください。
コメントはまだありません。
返信スレッド

会話全体を時系列で確認できます。各返信には、どのメッセージへの返信かが示されます。