Logófájl-formátumok és -méretek: a teljes ellenőrzőlista
Nincs szükség tucatnyi logófájlra — egyetlen vektoros mesterfájlra és egy rövid exportkészletre van szükség belőle. Tartson egy SVG-t forrásként, exportáljon PNG-ket a raszteres elhelyezésekhez és egy favicon-készletet a böngészőkhöz, a nyomdáknak pedig adjon vektoros PDF-et. Ez az ellenőrzőlista minden formátumot és méretet hozzárendel ahhoz, hol használják.
Ezen az oldalon
Kezdje egyetlen mesterfájllal, exportálja belőle a többit
A logófájlok aranyszabálya: tartson egyetlen vektoros mesterfájlt — egy SVG-t — és minden más fájlt ebből állítson elő. Mivel a vektorok minőségvesztés nélkül skálázhatók, később bármilyen méretet vagy formátumot előállíthat belőlük. Ha helyette raszterfájlból exportál, attól lesznek elmosódottak a logók. A teljes indoklásért lásd SVG vagy PNG logókhoz.
A szükséges formátumok
- SVG — a mesterfájl, és a web formátuma. Skálázható és apró.
- PNG — fix méretű raszteres elhelyezésekhez: közösségimédia-avatarok, néhány e-mail- és dokumentumeszköz. Támogatja az átlátszóságot.
- Favicon-készlet — egy SVG favicon, plusz kis PNG-k és egy ICO tartalékfájl a böngészőfülekhez. Lásd hogyan készítsünk favicont.
- PDF — vektorfájl a nyomdáknak; szinte mindenhol elfogadják.
- EPS — egy régebbi vektorformátum, amelyet egyes nyomdák még mindig kérnek.
- Kerülje a JPG-t — nincs átlátszóság, és a veszteséges tömörítés elmossa az éles éleket.
A szükséges méretek, célok szerint
| Hol jelenik meg | Formátum | Méret / megjegyzés |
|---|---|---|
| Weboldal | SVG | skálázható; alapértelmezett képernyőn |
| Böngészőfül | SVG + ICO + PNG | favicon-készlet (32) + touch ikon (180) |
| Közösségimédia-profil | PNG | négyzetes, a platform méretében |
| Alkalmazásikon / PWA | PNG | 192 és 512 |
| E-mail / dokumentumok | PNG | egy közepes fix méret |
| Nyomtatás | PDF (vagy EPS) | vektoros; bármilyen méretben tiszta |
Ne feledkezzen meg a változatokról
Egy teljes készlet nemcsak formátumokból és méretekből áll — hanem verziókból is: egy teljes színű logóból, egy egyszínű változatból, valamint világos és sötét háttérhez tartozó változatokból. Ezek ugyanabból a mesterfájlból származnak, és ugyanannyira számítanak, mint a fájltípus. A vizuális arculat részei.
Rendszerezze és nevezze el őket egyértelműen
Tartsa külön a mesterfájlt az exportoktól, és nevezze el a fájlokat úgy, hogy bárki megtalálja a
megfelelőt — például logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png és
logo-print.pdf. Egy rendezett mappa teszi a logót valóban használhatóvá hónapokkal később is.
Ha a logóját a LogoSaga segítségével építi, az exportcsomag együtt tartalmazza az SVG-t, a PNG-t és
egy favicon.svg-t, így a teljes készlet már eleve összeillik — nem kell a megfelelő fájlt
keresgélni.
Gyakori kérdések
Milyen fájlformátumokra van szükségem a logómhoz?
Minimum: egy SVG mesterfájl, PNG-k a raszteres elhelyezésekhez (mint a közösségimédia-avatarok), egy favicon-készlet a böngészőkhöz, és egy vektoros PDF a nyomtatáshoz. Kerülje a JPG-t, amely nem támogatja az átlátszóságot, és elmossa az éleket.
Milyen méretű legyen a logóm?
Nincs egyetlen méret — az elhelyezéstől függ. A weben használja a skálázható SVG-t, exportáljon PNG-ket az egyes célok által ajánlott méretben, és biztosítson favicon méreteket (32 és 180) és PWA méreteket (192 és 512).
Milyen logófájlra van szüksége egy nyomdának?
Egy vektorfájlra — általában PDF-re (vagy EPS-re, ha azt kérik) —, hogy tisztán bármilyen méretre skálázhassák. Exportálja az SVG mesterfájlból.
Hogyan rendszerezzem és nevezzem el a logófájlokat?
Tartsa külön az SVG mesterfájlt az exportoktól, és nevezze el az exportokat egyértelműen a formátum és a felhasználás szerint — például logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.
Forrás
- Scalable Vector Graphics (SVG) 2 — W3C
- Image file type and format guide — MDN Web Docs