About this studio
Pikkola, tool No. 10
Every site needs an icon. Almost nobody enjoys making one.
The small annoyance
A favicon is the first thing a browser asks for and the last thing anyone prepares. You export a logo, resize it four ways, discover the ICO needs its own format, hunt for a manifest, then find out the icon is a grey square at 16 pixels. Meanwhile the site that offers to do it wants your file on its server, and the free tier forgets your work when you come back.
What this does instead
It reads the picture in the tab, draws each size on a canvas with the shape and padding you choose, and builds the files in memory: an ICO with three sizes inside, six PNGs, a manifest and, if you want it, a vector SVG. Then it hands you a ZIP. The download is the only thing that leaves the page, and it leaves in your direction.
What it will not do
It will not make you an account, keep a gallery of your logos, or email you a link that expires. There is no queue, no watermark and no upgrade. If this tool disappears tomorrow, the files you took today keep working, because nothing in them points back here.
How the shapes are drawn
Square, rounded, circle and squircle share one path builder, so the canvas preview and the SVG export describe exactly the same outline. The squircle is a superellipse with exponent five, sampled into 128 points. Padding is a percentage of the icon, which is why the same number keeps Android's maskable crop off the mark at every size.
If something is wrong
Write to [email protected] with the file you used and what you expected. Small tools get better from exactly that kind of mail.
이 스튜디오에 대해
피콜라, 10호기
모든 사이트에 아이콘이 필요합니다. 그런데 만들기를 즐기는 사람은 거의 없습니다.
작은 번거로움
파비콘은 브라우저가 가장 먼저 요청하는 것이고, 사람이 가장 늦게 준비하는 것입니다. 로고를 내보내고, 네 가지로 크기를 줄이고, ICO는 형식이 따로 있다는 걸 알게 되고, 매니페스트를 찾아 헤매고 나서야 16픽셀에서는 회색 사각형으로 보인다는 사실을 알게 됩니다. 그 사이에 그 일을 해 주겠다는 사이트는 파일을 자기 서버로 올리라고 하고, 무료 요금제는 다시 왔을 때 작업을 기억하지 못합니다.
대신 이렇게 합니다
탭 안에서 그림을 읽고, 고르신 모양과 여백으로 각 크기를 캔버스에 그리고, 파일을 메모리에서 만듭니다. 세 크기가 든 ICO, PNG 여섯 개, 매니페스트, 원하시면 벡터 SVG까지. 그리고 ZIP으로 건네드립니다. 페이지를 떠나는 것은 내려받는 파일뿐이고, 그 파일은 사용자 쪽으로 떠납니다.
하지 않는 일
가입을 시키지 않고, 로고 갤러리를 모아 두지 않고, 만료되는 링크를 메일로 보내지 않습니다. 대기열도, 워터마크도, 유료 업그레이드도 없습니다. 내일 이 도구가 사라져도 오늘 가져가신 파일은 그대로 동작합니다. 그 안에 이곳을 가리키는 것이 없기 때문입니다.
모양은 이렇게 그립니다
정사각, 둥근 모서리, 원, 스쿼클이 하나의 경로 생성기를 공유합니다. 그래서 캔버스 미리보기와 SVG 내보내기가 정확히 같은 외곽선을 그립니다. 스쿼클은 지수가 5인 초타원을 128개 점으로 샘플링한 것입니다. 여백은 아이콘 크기의 백분율이라, 같은 숫자 하나로 모든 크기에서 안드로이드의 마스커블 잘라내기를 피할 수 있습니다.
뭔가 잘못됐다면
쓰신 파일과 기대하셨던 결과를 [email protected]으로 보내 주세요. 작은 도구는 바로 그런 메일로 나아집니다.
このスタジオについて
Pikkola、ツール10
どのサイトにもアイコンが要ります。ただ、作るのを楽しむ人はほとんどいません。
小さな面倒
ファビコンはブラウザが最初に求め、人が最後に用意するものです。ロゴを書き出し、四通りの大きさにし、ICOには独自の形式があると知り、マニフェストを探し、最後に16ピクセルでは灰色の四角だと気づきます。その間、代わりにやると言うサイトはファイルを自分のサーバーへ上げろと言い、無料プランは戻ってきた頃には作業を覚えていません。
代わりにこうします
タブの中で画像を読み、選んだ形と余白で各サイズをキャンバスに描き、ファイルをメモリの中で組み立てます。三つのサイズが入ったICO、六つのPNG、マニフェスト、必要ならベクターSVG。そしてZIPで渡します。ページを離れるのは保存するファイルだけで、そのファイルはあなたの側へ向かいます。
しないこと
アカウントを作らせず、ロゴのギャラリーを溜めず、期限の切れるリンクをメールしません。順番待ちも、透かしも、有料の上位版もありません。明日この道具が消えても、今日持ち帰ったファイルは動き続けます。中にここを指すものが何もないからです。
形の描き方
正方形、角丸、円、スーパー楕円が一つのパス生成を共有します。だからキャンバスのプレビューとSVGの書き出しがまったく同じ輪郭になります。スーパー楕円は指数5の超楕円を128点で近似したものです。余白はアイコンに対する割合なので、同じ数字ひとつでどのサイズでもAndroidのマスカブル切り抜きを避けられます。
不具合があれば
使ったファイルと期待した結果を [email protected] まで。小さな道具は、まさにそういうメールで良くなります。