Ikonverkstad

Nej. Avkodning, inbäddning och kodning körs i webbläsarens canvas och sidan har ingen filendpunkt — öppna nätverkspanelen: förutom sidans egna statiska resurser transporterar inget din bild.

Nej. Minimum är favicon.ico (äldre klienter frågar inte efter något annat) plus en PWA-ikon (192 eller 512, det är vad installerbarheten kontrollerar). Lägg till det som matchar dina plattformar. iOS-hemskärmsgruppen har 4 storlekar (180 / 167 / 152 / 120); bara för iPhone räcker 180.

Favicons hör till webbens envisaste cachar och lever ofta längre än HTML:en som refererar dem. Hårdladda lokalt (⌘/Ctrl + Skift + R); i produktion väntar du även ut CDN och webbläsarcache. För att verifiera direkt, lägg ?v=2 på href — en ny URL tvingar fram en ny hämtning. Inget av detta handlar om filerna du genererade.

Ja, och du behöver inte dela upp något. favicon.ico täcker äldre klienter som begär /favicon.ico direkt och innehåller redan 16 / 32 / 48, så webbläsaren väljer efter skärmdensitet; PNG-filerna är explicita deklarationer för moderna webbläsare och flödesläsare.

Eftersom de två filerna är bitmaps inbäddade i SVG, inte äkta vektorer. En bitmap kan inte konverteras till vektor — spårade banor vid 16 px är ren brus, ärlig inbäddning är bättre. De finns för att filnamn och referenser ska stämma; för produktion, låt en designer exportera en riktig vektor-SVG under samma namn.

En kvadratisk logotyp på 1024 × 1024 täcker den största utdata exakt. Icke-kvadratisk fungerar också: den bäddas in proportionellt i mitten av ytan med marginal på den korta axeln, aldrig utsträckt, och marginalen styrs av reglaget.

Den storlekens yta överstiger den användbara ytan i din källa, så de pixlarna kan bara interpoleras upp och ser mjuka ut — problemet sitter i indata, inte i exporten. Ge en större källa, eller slå på ”skala inte upp” för att bädda in inhemska pixlar och se pixelrutnätet i stället för oskärpa.

Det var den hela tiden. 512 exporterar en kvadratisk yta och plattformen lägger på cirkeln efter uppladdning. Väljer du formen cirkel får den exporterade PNG:n transparenta hörn, som vissa avatarplatser fyller med vitt eller svart — i tveksamma fall, behåll kvadratiskt.

Det räknas om, men sammanslaget: det renderas när du stannar, och en ytterligare ändring avbryter föregående körning. Gamla resultat ligger kvar medan det renderas och byts ut atomiskt till slut, så dragningen kollapsar aldrig sidan till skelett.

En README.txt: källans namn och mått, beskärningsytan om det fanns en, körningens renderparametrar (form / marginal / bakgrund / transparens), hela fillistan och båda snuttarna. En kollega kan ta över paketet utan att fråga dig något. Arkivet heter ungefär icons-20261024-1208.zip, med lokal tidsstämpel.