ブラウザ変換より高品質
ImageMagick、libheif、libavif、libjxl、OpenJPEGなど業界標準のオープンソースツールを使用し、ブラウザベースのコンバーターでは実現できない出力品質を提供します。
SVGをICOにオンラインで無料変換。まずベクターを512 px以上で再描画し、そこから256、128、64、48、32、16の6サイズに縮小するため、元画像を引き伸ばしません。登録不要、透かしなし、回数制限なし。ファイルはアップロードから1時間後に自動削除されます。
PNGからアイコンを作る場合、鮮明さの上限はPNGが持っているピクセル数です。64x64の画像を入れれば、256の項目はアップスケールするしかありません。ベクターにはその上限がありません。ベクターはピクセルではなく図形を保存するため、大きく描画しても新しく計算されるだけです。ベクターの元データがあるなら、アイコンの出発点としてこちらのほうが適しています。最近この方法が増えている大きな理由でもあります。
最初に知っておきたい注意点があります。ラスタライザーはSVG自身が指定している幅と高さでSVGを描画しますが、アイコン用SVGではほぼ例外なくwidth="24"が指定されています。そのサイズで描画すると24ピクセルのグリッドになり、その後6サイズすべてがアップスケールされるため、ベクターの利点が失われます。PicEditLabはこの段階で描画結果を確認し、長辺が512に満たない場合は、元のベクターを大きなサイズで再度描画します。これは拡大ではなく再描画なので、パスが再計算され、情報は失われません。
現在ではブラウザーはSVGファビコンも直接受け付けます。head内のlinkタグでtypeをimage/svg+xmlに設定するだけでよく、CSSのメディアクエリを使ってダークモードに合わせてアイコンを変えることもできます。ただし、サイトのルートにある/favicon.icoは依然としてブラウザーがHTMLを読まずに自動でリクエストするパスであり、Safariのブックマーク、Windowsデスクトップショートカット、ほとんどのクローラーもこれを確認します。実用上は両方を用意するのが最善です。対応ブラウザーにはSVG、それ以外にはICOを使います。
ベクターなら輪郭はきれいになりますが、デザイン自体が複雑すぎる問題は解決できません。16x16では文字の高さは約12ピクセルしかなく、細い線、グラデーション、小さな内部文字はどの形式から来てもそのサイズでは潰れてしまいます。小さくすると読みにくいアイコンなら、修正すべきなのは形式ではなくデザインです。線を太くし、細部を減らし、人が実際に認識できるシルエットだけを残してください。
専門知識は不要。無料で高速、どのデバイスからでも利用可能。
複数の実績あるオープンソース変換エンジン上に構築。各フォーマットの組み合わせに最適な処理チェーンを選択し、ブラウザサイド変換に多い色ずれや品質低下を回避します。
SVG画像をICOに変換する場面は多くあります：別のデバイスやプラットフォームとの互換性確保、ストレージ削減、またはソースフォーマットに対応していないサービスへのアップロード準備など。従来のアプローチはPhotoshop、GIMPまたは類似のデスクトップアプリケーションをインストールすること — 年に数回の作業には過剰です。ブラウザベースのコンバーターという選択肢もありますが、ブラウザがネイティブにデコードできるものに制限されており、RAW、HEIC、AVIFなどの特殊フォーマットは処理できません。PicEditLabはサーバーサイドで変換を実行するため、フォーマットサポート、出力品質、処理速度はお使いのブラウザやデバイスに依存しません。
PicEditLabでの変換は3ステップ — アップロード、変換先フォーマットを選択、ダウンロード：
サーバーは実績ある実証済みのオープンソースツールチェーンを実行します。ImageMagickが色空間変換とリサンプリングを担当、libheifはHEICのエンコード・デコードにx265コーデックを使用、libavifはAVIFにAOMを使用、libjxlがJPEG XLを処理、OpenJPEGがJPEG 2000を、dcrawがRAWファイルの生センサーデータをデコードします。JPG出力はWeb上での体感ロード速度向上のためプログレッシブエンコードで品質85を使用。PNG出力は詳細を1ピクセルも失わずにファイルサイズを最小限に抑えるため最大圧縮のzlibを使用します。