ICO を SVG に変換 Icon ↔ Scalable Vector Graphics 無料 オンライン 安全
ICO ファイルを置いて、SVG を持ち帰ってください。画像をどうするかはあなたが決めます — 形に起こすか、来たときのまま残すか。どちらが何を失うかは、時間をかける前に下に書いてあります。
ファイルを変換する
ここに ICO ファイルを落とすか、選んでください。
ファイルはこの端末から出ません。すべてブラウザー内で動きます。
アップロードなし
ベクトルは何が違うのか
SVGは絵ではありません。絵を描くための指図の束です。ここに半径これこれの円、ここからそこへ一本の線、この形をあの色で塗る。二〇〇一年に網の標準となり、結果ではなく図そのものを蓄えるので、十六画素の図記号を描くのと同じファイルから看板を刷ることができます。PNGやJPEGが蓄えるのは逆のもの、すなわち色のついた点の出来上がった格子であって、それを何が描いたかの記憶はありません。この非対称がこの頁のすべてを決めます。ベクトルからラスターへ行くのは、選んだ大きさで指図を描くだけのこと。逆向きに行くのは「なぞり」です。点の格子を眺めて、どんな形がそれを生んだのかを当てるのです。
どこで出会うか
社章、図記号、地図、図解、図表はSVGとして生きています。どの大きさでも読めねばならず、色を変えたくなることも多いからです。見出し図や応用の図記号もここから作られます。逆向きが要るのは、ベクトルが平たい画像にならねばならない瞬間です。SVGを映さない郵便の道具、社交網の下見、あなたより古い道具を使う人が刷る文書、写真しか受け取らない投稿の用紙。
よくある質問
写真をなぞらせたら、ひどい結果になりました。なぜですか。
なぞりはそもそも写真のために作られていないからです。似た色の領域を見つけ、その一つ一つの周りに輪郭を引く——これは平塗りの図、社章、型紙、線画には合いますが、写真では破綻します。写真ではどの領域も隣へ少しずつ溶け込んでいくからです。なぞる側は、ありもしない境を作り出さねばならず、結果は刷り物のような平らな斑か、何万もの小さな形を抱えたファイルのどちらかになります。写真ならラスターのままでいてください。
私のSVGが別の道具では違って見えるのはなぜですか。
たいていは書体です。文字を含むSVGは書体を名前で呼び、開く機械がそれを持っていることを当てにします。持っていなければ別のものが当てられ、配置がずれます。処方は、書き出す前に文字を輪郭へ変えることです。一字一字が形になり、ファイルはどこでも同じに見えます。引き換えに、文字はもう直せず、選べもしません。濾し器や混ぜ方といった進んだ効果が、食い違いのもう一つのありふれた源です。
ファイルの質は落ちますか。
二つの形式が何を収められるかによります。同じものを保つ形式どうしの変換——PNGからBMP、WAVからFLAC——では何も失われません。場所を節約するために情報を捨てる形式、たとえばJPEGやMP3への変換では、そのたびに少しずつ失われ、戻しても返ってはきません。選べる場合、このページは最小のファイルを作ることより、もとの質を保つほうに傾きます。
私のファイルはどこかへ送られますか。
いいえ。変換はあなたの機械の上、あなたの閲覧ソフトの中で行われます。ファイルはそこを離れませんし、ここには受け取りうる計算機もありません。大きなファイルを縛るのが送信ではなくあなた自身の記憶装置であるのも、あなたが変換したものが誰の記録にも——私たちの記録にも——現れえないのも、そのためです。ただし音と映像の道具は、初めて使うときにこの場所から変換の機関を取り寄せます。三十メガバイトほど、一度だけです。そのあとも仕事はすべてあなたの機械の上で行われます。
なぜ人は ICO を SVG に変換するのか
ICO ファイルはアイコンです。ブラウザのタブ、ショートカット、ウィンドウの隅、ファイルの一覧に現れる、小さな画像、というより異なる大きさの小さな画像の束です。多くの古いウェブサイトやプログラムには、アイコンがあるだけで、マークの他のものはありません。元の絵は失われ、デザイナーはいなくなり、ファビコンがロゴの残る唯一のコピーです。SVG は反対の種類のファイルで、形で記述された絵であり、どんな大きさにも拡大でき、自由に色を変えられます。だから人は ICO を SVG に変換します。小さなアイコンがあり、より大きな大きさで使い、変更し、現代的なデザインに入れられる絵がほしいのです。
そのような変換にできることとできないことについて、正直であることが重要です。画素を形に戻すことは、失われた元の絵の復元ではありません。それは推測で、平らな色の領域が終わるところを見ることで行われます。けれどもアイコンは、もともと平らな色で描かれているので、その推測が特によく合う唯一の種類の画像です。このページは二つの選択肢を提供し、時間をかける前に、それぞれが何を要するかを伝えます。トレースによってアイコンを形にするか、画像をそのまま SVG に包んで保つかです。
このページは、ブラウザ内で ICO を SVG に変換します。アイコンはサーバーにアップロードされないので、まだ公開されていないマークやデザインにとって重要です。以下には、トレースのしくみ、アイコンのどの大きさが読まれるか、何が保たれるか、そして小さな画像に何を期待すべきかが載っています。
変換のしくみ
画像をどうするかの二つの選択肢
画像をどうするかを選びます。形になるか、そのままで残るかです。最初はトレースです。アイコンが分析され、一色の領域が見つかり、その境界が、求めた色で塗られた形として書かれます。二つ目は包むことです。画像は変更されずに SVG ファイルの中に置かれるので、ファイルは外側が SVG で、内側は同じ画素です。
どの大きさが読まれるか
.ico は一つのファイルに複数の大きさを持ち、ブラウザはそのうちの一つ、通常は最大のものを渡します。他は読まれません。アイコンに 16、32、48、256 ピクセルの版が含まれているなら、通常トレースされるのは 256 ピクセルのものです。最大のものでも小さく、48 や 256 ピクセルであることが多いので、トレースするものはほとんどありません。
なぜアイコンはうまくトレースされるのか
アイコンは、小さくても読み取れるよう設計されているので、通常、きれいな境界を持つ平らな色の領域でできています。それは、もともと平らな色で描かれているので、ほぼ完璧にトレースできる唯一の種類の画像です。アイコンに縮められた写真は望みがありませんが、アイコンはそうではありません。
保たれるもの
透明度
透明度は保たれます。アイコンはほぼ常に透ける背景を持ち、それは SVG でも空のままなので、形はどんな色の上にも載ります。
くっきりした平らな色
アイコンが通常できている、くっきりした平らな色は、平らな形として保たれます。ここが変換の輝くところです。結果はきれいに見え、形ごとに色を変えられます。
プロポーションと大きさ
トレースは、原画のプロポーションと自身のピクセルサイズを、SVG の幅と高さに保ちます。ベクターなので、結果はそこからどんな大きさにも拡大されます。
ICO を SVG に変換する前に知っておくべきこと
トレースするものがほとんどない
アイコンの最大のサイズでも小さく、48 や 256 ピクセルであることが多いので、トレースするものはほとんどありません。元で一ピクセルの線だったものは、不確かな分だけ幅のある形になります。それはトレースの欠陥ではありません。十六ピクセルでは、そこに十分なものはもともとなかったのです。結果が粗く見えるなら、答えは別の設定ではなく、より大きな元の画像です。
読まれるのは一つの大きさだけ
ファイルの中の大きさから選ぶことはできません。最大の版の品質が悪ければ、トレースも悪くなります。ロゴの別の、より大きな PNG があるなら、PNG を SVG に変換がより良い結果を与えます。
トレースは推測であって、復元ではない
トレースは平らな色の領域が終わるところを見つけ、その境界を形として書きます。アイコンには、ほぼ正しいものです。けれども、曲線を提案するのであって、デザイナーが描いたものを復元するわけではありません。元の SVG や元ファイルがあるなら、それを使ってください。
ここで ICO を SVG に変換する方法
アイコンを追加する
ICO をページにドロップするか、端末から選びます。ブラウザの中で読み込まれ、アップロードされません。
トレースか保持か、そして色を選ぶ
アイコンを形にするか、そのままにするかを決めます。トレースするなら、色の数を設定します。アイコンには、少ない数がたいてい正解です。
変換して比べる
ボタンを押して SVG をダウンロードします。ブラウザで開いて拡大します。良いトレースはなめらかなままです。アイコンと比べ、正しくなければ、色を調整してもう一度試します。
ICO と SVG をもう少し詳しく
束と絵
ICO は、それぞれが固定の大きさの、いくつかの小さな画像を中に持つ入れ物で、システムはアイコンが表示される場所に合うものを選べます。SVG はどんな大きさにも描画できる一つの絵です。ICO を SVG に変換するとは、それらの小さな画像の一つを取り、その背後の絵を求めることです。逆のSVG を ICO に変換は正確で、この方向は見積もりです。
なぜ結果がアイコンと違って見えることがあるのか
小さなアイコンは、その大きさで良く見えるよう、画素ごとに手で設計されていることがよくあります。トレースはそれらの画素をなめらかな形に変えます。角は少し丸くなり、細い細部は太くなることがあります。SVG は画像の忠実な肖像ですが、デザイナーの意図のコピーではありません。
トレースを避けるとき
アイコンがアバターのような、ミニチュアの写真なら、トレースしないでください。画像をそのまま保ってください。トレースは、平らな色でできたマークのためのものです。
よくある状況の詳細
ファビコンとして生き残った失われたロゴ
古いサイトは、ロゴの唯一のコピーをファビコンとして保っていることがあります。ICO を SVG に変換し、描画プログラムで形を整えれば、より大きなサイズでマークを作り直すための土台が得られます。
プログラムのアイコン
古いソフトウェアから取り出したアイコンが、残る唯一の図版かもしれません。トレースされた SVG があれば、見える大きさで、ドキュメントでそれらを再利用できます。
デザインの現代化
サイトやアプリが再設計されるとき、古いアイコンは現代的なサイズで描き直す必要があることがよくあります。トレースされた SVG は、デザイナーに、既存のマークに合った出発点を与えます。
SVG を求めるウェブサイト
一部のプラットフォームは、ロゴに SVG しか受け付けません。画像を保つだけでプラットフォームに十分なら、アイコンを包めます。本物のベクターでなければならないなら、トレースしてください。
ICO を SVG に変換する前の実用的な助言
より大きな元の画像を探す
ICO を SVG に変換する前に、マークのより大きなバージョンがないか確認してください。サイトの PNG、ブランドキット、古い文書。より大きな元の画像は、ずっと良いトレースを与えます。
色を少なくする
ほとんどのアイコンは二から五色を使います。その数を求めれば、デザインに合うきれいな形が得られます。
あとで何をするかを知っておく
トレースされたアイコンは出発点です。描画プログラムで形を整え、曲線をなめらかにし、レイヤーに名前を付ける数分を計画してください。
ICO を残す
ICO は出どころです。トレースが良くなければ、他の設定でもう一度試すために、それがほしくなります。
ICO を SVG に変換するときに最良のトレースを得る
期待する色を数える
ICO を SVG に変換する前に、アイコンを見て色を数えてください。白い四角に緑の葉のアイコンなら、二、三色を求めます。その数を求めれば、デザインに合うきれいな形が得られます。
縁に気をつける
小さなアイコンの二つの色の間の境界は、画像が描かれたときになめらかにされたので、中間の色合いの柔らかい線です。トレースは、その柔らかい線の中のどこに縁があるかを決めなければなりません。真ん中を選び、それはほぼ常に正しいです。
背景を考える
アイコンが透明な背景を持つなら、それは空のままです。マークの後ろに色付きの四角があるなら、トレースはそれを形として含めるので、マークが他の色の上に載れるよう、削除したくなるかもしれません。
変換する前に人が尋ねる質問
元のベクターが戻りますか。
いいえ。トレースは推測であって、復元ではありません。画像の色の境界に従う形を提案します。
なぜ結果が粗いのですか。
アイコンは小さく、48 や 256 ピクセルであることが多く、トレースするものがほとんどないからです。答えは別の設定ではなく、より大きな元の画像です。
ICO の中のどの大きさが使われますか。
ブラウザがそのうちの一つ、通常は最大のものを渡します。他は読まれません。
透明度は残りますか。
はい。透ける背景は空のままです。
アイコンはアップロードされますか。
いいえ。変換はブラウザの中で動き、アイコンは端末の外に出ません。
ICO に戻せますか。
はい。SVG を ICO に変換が、形を六つのサイズで描き、一つのファイルにまとめます。
ICO を SVG に変換するときの賢い選び方
トレースか保持か
平らなアイコンはトレースしてください。写真のように見えるものは保ってください。迷うなら、トレースを試して、結果を元の隣で見てください。
他の出発点
マークの PNG があるなら、PNG を SVG に変換のほうが、より多くの画素から始まります。JPG があるなら、JPG を SVG に変換が同じように働きますが、圧縮ノイズには注意が要ります。
始めたものを保つ
ICO を SVG の隣に保存してください。それらは異なるものであり、それぞれに用途があります。
変換後に良い結果を得る
描画プログラムで開く
形と色を見てください。余計な斑点を削除し、一つであるべき形を結合し、でこぼこに出た曲線をなめらかにしてください。
いくつかの大きさで確認する
拡大と縮小をしてください。良いトレースは、どんな大きさでも形を保ちます。
マークが重要なら作り直す
ブランドのマークなら、トレースを案内として使い、きれいに描き直してください。一時間の作業で、何年も使えるファイルが得られます。
トレースされたアイコンを活かす
拡大が重要なところで使う
結果の大きな利点は、拡大できることです。ポスター、看板、刺繍のワッペン、ステッカーに使い、より大きなファイルを探し回らずに済むことを楽しんでください。画素の画像が再び必要になったら、SVG から PNG へのツールが、選んだ大きさで形を描きます。
簡単に色を変える
すべての領域が塗りのある形なので、色を変えるのは、形を選んで別の色を選ぶだけのことです。これは、人がそもそも ICO を SVG に変換する理由であることがよくあります。間違った色のアイコン、あるいは暗い背景で働かなければならない版です。
サイズのセットを作り直す
きれいな SVG が手に入れば、SVG を ICO に変換で、新しいファビコンを含め、必要なあらゆる大きさのアイコンファイルを作れます。新しいファイルは、形から新たに描かれた各サイズを含み、古いものの拡縮コピーよりくっきりしています。
他人の作品には注意する
アイコンをトレースしても、その権利が得られるわけではありません。自分が所有しているか、使用許可を得ているマークにだけ変換を使ってください。自分の古いロゴなら、それを最新にする便利な方法です。
気に入った設定を残す
ある種類のアイコンでうまくいく色の数が見つかったら、書き留めてください。次に似たマークのために ICO を SVG に変換するときは、きれいな形が得られるとわかっている設定から始められます。
プライバシーと取り扱い
なぜ作品にとってローカルでの変換が重要か
マークやデザインは、公開される前は機密かもしれません。多くのオンラインの変換ツールは、ファイルをサーバーにアップロードし、処理して結果を送り返し、しばらくの間、管理できない機械にコピーが残ります。ここでは自分のブラウザが作業をするので、アイコンは端末にとどまります。
離れるときに起こること
ページを閉じると、変換されたファイルはブラウザから消えるので、先にダウンロードしてください。アイコンについて何も保持されません。
うまくいかないとき
トレースがでこぼこに見える
アイコンが小さく、細部がほとんどありません。より大きな元の画像を探すか、描画プログラムで形を整えてください。
間違った大きさが読まれたようだ
渡されるのは一つの大きさだけで、通常は最大のものです。品質が悪いなら、より良い元の画像を探してください。
ページがファイルを開かない
名前を変えた PNG ではなく、本物の ICO か確認してください。PNG なら、代わりにPNG を SVG に変換を使ってください。
関連ツール
同じ系統のツールが、隣接する作業をカバーします。PNG にはPNG を SVG に変換を、JPG にはJPG を SVG に変換を使ってください。画素やアイコンに戻るには、SVG を ICO に変換、SVG を PNG に変換、SVG を JPG に変換が、選んだ大きさで形を描きます。印刷用のベクターのページは、SVG を PDF に変換から得られます。
計算例
ロゴの唯一の痕跡が、透明な背景に緑の葉のファビコンであるウェブサイトを引き継いだとします。印刷するバナーのために、その葉が必要です。ここに ICO をドロップし、二色でのトレースを選んで、ボタンを押します。しばらくして、葉がきれいな緑の形になった SVG をダウンロードします。描画プログラムで開き、二つの角をなめらかにして、バナーに合わせて拡大します。縁はくっきりしたままです。ICO はフォルダーに残ります。
短いチェックリスト
変換の前に
マークのより大きな元の画像を探します。アイコンが平らな図版か確認します。ICO を残します。
変換中に
トレースか保持かを選び、色を設定します。ファイルができるまでページにとどまります。
変換の後に
SVG を開き、拡大し、アイコンと比べて、描画プログラムで整えます。
よくある間違い
もともとなかった細部を期待する
十六ピクセルでは、見つけるものがもともと十分にありませんでした。細い線を期待して ICO を SVG に変換しないでください。
写真のアバターをトレースする
ミニチュアの写真は、斑点のポスターになります。そのままで保ってください。
色を多くしすぎる
色が多いと、ノイズの多い形になります。アイコンが必要とするだけ少なくしてください。
アイコンは端末にとどまる
変換はローカルで行われます。アイコンは自分のブラウザで読み込まれ、そこでトレースされて、SVG として手元に戻されます。何もアップロードされないので、サーバーにコピーは残らず、他の誰もそれを見られません。未公開のマークにとって、それが ICO を SVG に変換する安全な方法です。
まとめ
ここで ICO を SVG に変換するには、アイコンをドロップし、それをどうするかを選んで、ボタンを押します。選択は、画像が形になるか、そのままで残るかで、それぞれが何を要するかは、時間をかける前に、このページに書かれています。透明度は保たれ、アイコンが通常できているくっきりした平らな色も保たれます。それは、もともと平らな色で描かれているので、ほぼ完璧にトレースできる唯一の種類の画像です。.ico は一つのファイルに複数の大きさを持ち、ブラウザはそのうちの一つ、通常は最大のものを渡します。他は読まれません。最大のものでも小さく、48 や 256 ピクセルであることが多いので、トレースするものはほとんどありません。結果が粗く見えるなら、答えは別の設定ではなく、より大きな元の画像です。