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. Mit tartalmaz a LogoSaga-csomag?.
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 — olyan dokumentumkonténer, amely vektorgrafikát, raszterképet vagy mindkettőt tartalmazhat. Az átméretezés minősége a tartalomtól függ; a nyomda előírásainak megfelelő fájlt adjon át, ne csupán PDF-kiterjesztésűt.
- 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 |
| Telepített PWA | PNG + manifest | 192×192, 512×512 |
| Natív alkalmazás | Kövesse a platform aktuális ikonspecifikációját; a PWA-méretek nem univerzális natív alkalmazáskészlet. | — |
| E-mail / dokumentumok | PNG | egy közepes fix méret |
| Nyomtatás | PDF (vagy EPS) | Végleges nyomtatási méret; vektor vagy megfelelő raszterfelbontás a nyomda előírásai szerint |
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.
Mit tartalmaz a LogoSaga-csomag?
A csomag horizontal, stacked, wordmark és badge mappákat tartalmaz átlátszó világos/sötét SVG- és PNG1024-fájlokkal. Három faviconkészlet, Apple180, Android192/512, webmanifest, recipe.json, README.txt, LICENSES.txt és brand-sheet.pdf is szerepel benne. Az önálló PNG-export 512, 1024 vagy 2048 px, átlátszó vagy egyszínű háttérrel. Átadás előtt ellenőrizze a neveket és hátteret.
Nyomdába küldés előtt
A brand-sheet.pdf egyoldalas raszteres összefoglaló, nem nyomdakész vektoros logó-PDF. Adja át az SVG-t, és kérje a PDF-specifikációt, színprofilt és próbát. A PDF-kiterjesztés nem bizonyít vektort. Ellenőrizze a mm-méretet, vékony vonalakat, egyszínű nyomást és szöveggörbéket. Ne vezesse le vakon a CMYK-t a HEX-ből.
Kapcsolódó gyakorlati útmutatók: Átlátszó hátterű logó: PNG- és SVG-export · Google Cégprofil-logó: méret, feltöltés és hibakeresés
Készítsen logót, és exportálja a teljes fájlkészletet — ingyenesGyakori 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?
A brand-sheet.pdf egyoldalas raszteres összefoglaló, nem nyomdakész vektoros logó-PDF. Adja át az SVG-t, és kérje a PDF-specifikációt, színprofilt és próbát. A PDF-kiterjesztés nem bizonyít vektort. Ellenőrizze a mm-méretet, vékony vonalakat, egyszínű nyomást és szöveggörbéket. Ne vezesse le vakon a CMYK-t a HEX-bő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.
Miben különbözik a márkalap a nyomdai logótól?
A brand-sheet.pdf egyoldalas raszteres összefoglaló, nem nyomdakész vektoros logó-PDF. Adja át az SVG-t, és kérje a PDF-specifikációt, színprofilt és próbát. A PDF-kiterjesztés nem bizonyít vektort. Ellenőrizze a mm-méretet, vékony vonalakat, egyszínű nyomást és szöveggörbéket. Ne vezesse le vakon a CMYK-t a HEX-ből.
Forrás
- SVG 2 — W3C
- Web app manifest: icons — MDN Web Docs
- App icons — Apple Developer
- ICC Frequently asked questions: color management and profiles — International Color Consortium
- Understand raster and vector files: PDF supports both content types — Adobe