Als je in de war bent over het verschil tussen de vele afbeeldingsbestandstypen, ben je niet de enige. Als we aan een project beginnen, is een van de eerste dingen die we van de klant vragen een vectorbestand van hun logo. Dat verzoek wordt echter vaak met lege blikken ontvangen of met reacties als “kunnen jullie het logo niet gewoon van mijn site halen?”. Als marketeer is het begrijpen van het belang en de rol van verschillende beeldbestandtypes essentieel om ervoor te zorgen dat uw merk goed wordt weergegeven en om beter te communiceren met ontwerpers, ontwikkelaars en drukkers.
Download het, print het uit en bewaar het voor toekomstig gebruik.
Wat is een vector bestand? Wat is Raster?
We kunnen beginnen met het begrijpen van deze kwestie door het verschil te verduidelijken tussen de twee belangrijkste beeldtypen – raster en vector.
Rasterafbeeldingen gebruiken veel gekleurde pixels of afzonderlijke bouwstenen om een compleet beeld te vormen. JPEG’s, GIF’s en PNG’s zijn veel voorkomende rasterafbeeldingstypen. Bijna alle foto’s op het web en in gedrukte catalogi zijn rasterafbeeldingen.
Omdat rasterafbeeldingen zijn opgebouwd uit een vast aantal gekleurde pixels, kunnen ze niet drastisch in grootte worden gewijzigd zonder hun resolutie aan te tasten. Wanneer ze worden uitgerekt om in een ruimte te passen waarvoor ze niet zijn ontworpen, worden de pixels zichtbaar korrelig en vervormt de afbeelding. Daarom kunnen gewijzigde foto’s er pixelachtig of met een lage resolutie uitzien. Daarom is het belangrijk dat u rasterbestanden precies op de juiste afmetingen opslaat om mogelijke complicaties te voorkomen.
Vectorafbeeldingen daarentegen bieden meer flexibiliteit. Opgebouwd met behulp van wiskundige formules in plaats van individuele gekleurde blokken, vector-bestandstypen zoals EPS, AI en PDF * zijn uitstekend geschikt voor het maken van afbeeldingen die vaak moeten worden aangepast van grootte. Uw bedrijfslogo en merkafbeeldingen moeten als vector worden aangemaakt en als masterbestand worden opgeslagen, zodat u ze kunt gebruiken voor kleinere items, zoals uw visitekaartje en briefhoofd, maar ook op grotere oppervlakken, zoals uw bedrijfsjet. Indien nodig, maak dan altijd een JPG of PNG voor gebruik op het web van dit master vector bestand. Zorg er wel voor dat u het nieuwe rasterbestand opslaat in de exacte afmetingen die nodig zijn.
*Een PDF is over het algemeen een vectorbestand. Echter, afhankelijk van hoe een PDF oorspronkelijk is gemaakt, kan het zowel een vector- als een rasterbestand zijn. Of u ervoor kiest de lagen van uw bestand plat te maken of elke laag te behouden, bepaalt het type afbeelding.
Hoge resolutie of lage resolutie?
Om te bepalen of uw rasterafbeeldingen een geschikte resolutie hebben voor een specifieke toepassing, moet u de pixeldichtheid ervan controleren. Meeteenheden zoals dots per inch (DPI) of pixels per inch (PPI) verwijzen naar het aantal pixels in één inch van de afbeelding. Deze metingen worden belangrijk wanneer u rasterafbeeldingen op specifieke plaatsen probeert te gebruiken, zoals op het web of in gedrukte publicaties.
Op het web wordt van oudsher 72 dpi (72 dots of pixels per inch) weergegeven – een relatief lage pixeldichtheid, maar de meeste moderne beeldschermen hebben nu een veel hogere dichtheid. Dat gezegd hebbende, veel afbeeldingen op het web zijn nog steeds in het 72-100 dpi bereik. Hoewel beeldschermen een hogere resolutie kunnen weergeven, moet het web ook geoptimaliseerd zijn voor snelheid, dus afbeeldingen rond 100 dpi zijn de ideale oplossing om er goed uit te zien op een scherm, maar ook om snel te laden. Rasterafbeeldingen met een lage DPI in de 72-100 zien er op het web mooi en scherp uit. Maar diezelfde lage DPI-afbeelding is misschien niet geschikt om af te drukken op een brochure of verpakking. Om een afbeelding correct af te drukken, moet deze minstens 300 dpi zijn, een veel hogere pixeldichtheid dan op het web wordt weergegeven. Het aanpassen van een lage DPI afbeelding van het web naar de afmetingen van uw drukwerk zal niet werken omdat hetzelfde eindige aantal pixels alleen maar groter wordt en begint te vervormen. Laten we bijvoorbeeld zeggen dat je je logo wilt afdrukken op 2″x3″ op een brochure. Als je een 72dpi jpg hebt van je logo en het is 2-inches bij 3-inches, dan zal het “uitgerekt” moeten worden tot meer dan 3 keer de grootte om het op 300dpi te krijgen. Dat 72dpi logo ziet er misschien goed uit op uw computermonitor, maar wanneer het wordt afgedrukt op 300dpi zal het er pixelachtig uitzien. Gebruik in plaats daarvan een vectorversie van uw logo (.EPS of .AI) of maak een rasterafbeelding (JPG) met exact de gewenste afmetingen en op 300dpi.
Verschillende bestandsextensies en het beste gebruik voor elk
JPG
JPG (of JPEG) is een rasterafbeelding die vaak wordt gebruikt voor foto’s op het web. JPG’s kunnen worden geoptimaliseerd, wanneer ze worden opgeslagen in Photoshop, om de perfecte balans te vinden tussen kleine bestandsgrootte en hoge kwaliteit. Op het web wil je dat je afbeeldingsbestanden zo klein mogelijk zijn zodat je site snel laadt, maar groot genoeg om er nog steeds scherp en niet pixelig uit te zien. Een JPG kan geen transparante achtergrond hebben, dus ze zijn altijd in de vorm van een rechthoek of vierkant met een effen achtergrond.
Beste gebruik = rechthoek of vierkant foto’s en foto’s op uw website.
PNG
PNG is een ander raster afbeeldingstype. Voor de algemene marketeer is het belangrijkste verschil tussen een PNG en JPG dat een PNG een transparante achtergrond kan hebben en over het algemeen groter en van hogere kwaliteit is. Daarom is een PNG ideaal voor het opslaan van logo bestanden voor websites omdat ze over een gekleurde achtergrond geplaatst kunnen worden.
Beste gebruik = logo’s, iconen en andere afbeeldingen waar een transparante achtergrond de voorkeur heeft.
GIF
Een GIF is een ander raster afbeeldingstype. Een GIF wordt gevormd uit maximaal 256 kleuren uit de RBG kleurruimte. Hoe minder kleuren en tinten een afbeelding bevat, hoe kleiner de bestandsgrootte. Daarom is een GIF ideaal voor afbeeldingen die slechts een paar effen kleuren gebruiken en geen kleurverlopen of natuurlijke tinten hebben. U zou een GIF niet willen gebruiken voor een foto.
Beste gebruik = eenvoudige webafbeeldingen, zoals webknoppen, grafieken en pictogrammen.
TIF
Een TIF (of TIFF) is een groot rasterbestand. Het heeft geen kwaliteitsverlies en wordt daarom vooral gebruikt voor afbeeldingen die in drukwerk worden gebruikt. Op het web wilt u vanwege de laadtijd over het algemeen kleinere afbeeldingen gebruiken, zoals JPG of PNG.
Het beste te gebruiken = afbeeldingen en foto’s voor drukwerk van hoge kwaliteit.
EPS
Een EPS bestand is een vectorbestand van een afbeelding, tekst of illustratie. Omdat het vector is, kan het gemakkelijk worden aangepast tot elke grootte die nodig is. Een EPS bestand kan worden heropend en bewerkt.
Beste gebruik = master logo bestanden en grafische en print ontwerpen.
AI
Een AI bestand is een eigen, vector bestandstype gemaakt door Adobe dat alleen kan worden gemaakt of bewerkt met Adobe Illustrator. Het wordt het meest gebruikt voor het maken van logo’s, illustraties en print lay-outs.
Beste gebruik = het maken van logo’s, grafieken, illustraties.
Vector bestanden bewerken en opslaan “in outlines”
Vector bestanden zoals AI en EPS kunnen bewerkbaar blijven, zodat u ze weer kunt openen in Illustrator en tekst of andere elementen binnen de afbeelding kunt bewerken. Bij afbeeldingen met tekst die zijn opgeslagen als JPG, PNG of GIF, is het niet mogelijk om de tekst opnieuw te openen en te bewerken.
Bij MODassic maken we vaak bestanden in Illustrator en slaan we een AI-bestand op als masterbestand, maar vervolgens slaan we ook een EPS-versie op, “in outlines”, die in de productie wordt gebruikt en naar het drukwerk wordt gestuurd.
Opslaan in “outlines” is een term die je zult horen als je bestanden naar de drukker stuurt. Als een drukker geen lettertype heeft dat je in je ontwerp hebt gebruikt en het vectorbestand is niet in contouren opgeslagen, dan zal de tekst er bij het openen van het bestand niet zo uitzien als je zou willen, omdat er dan standaard een ander lettertype wordt gebruikt. Iets opslaan met “outlines” betekent in feite dat je de tekst vergrendelt, zodat het technisch gezien niet langer een lettertype is, maar in plaats daarvan bestaat uit vectorvormen die je letters vormen. Dit is belangrijk bij het afdrukken van grafische bestanden. Het opslaan van een bestand in outlines maakt uw tekst niet meer bewerkbaar. Daarom houden we bij MODassic het AI-bestand aan als bewerkbare master en slaan we een EPS op als het vergrendelde definitieve artwork dat we naar het drukwerk sturen.
Het werken met afbeeldingen kan verwarrend zijn, maar met deze belangrijke feiten in je achterhoofd kun je veel van het gedoe elimineren en natuurlijk zijn we er altijd om te helpen of vragen te beantwoorden.
- nieuwsbrief