afbeeldingsbestandsindelingen: wanneer gebruikt u elk bestandstype
denk dat GIF de lekkerste soort pindakaas is? En AI was die rare sci-fi film met Haley Joel Osment? Je hebt het niet mis. Maar vandaag hebben we het over beeldformaten en al die vervelende kleine bestanden die we gebruiken om visuele content te maken voor print en web.
elke afbeelding die u online ziet is een afbeeldingsbestand. Bijna alles wat je ziet gedrukt op papier, plastic of een t-shirt kwam uit een beeldbestand. Deze bestanden komen in een verscheidenheid van formaten, en elk is geoptimaliseerd voor een specifiek gebruik., Het gebruik van het juiste type voor de juiste baan betekent dat uw ontwerp zal komen beeld perfect en precies hoe je bedoeld. Het verkeerde formaat kan een slechte afdruk of een slechte webafbeelding, een gigantische download of een ontbrekende afbeelding in een e-mail betekenen.
dus laten we het opsplitsen. Welkom bij Image File Formats 101. Laten we duiken in de basisprincipes van elk bestandstype.
De meeste afbeeldingsbestanden passen in een van de twee algemene categorieën—rasterbestanden en vectorbestanden—en elke categorie heeft zijn eigen specifieke toepassingen. Deze inzinking is niet perfect., Bepaalde formaten kunnen bijvoorbeeld elementen van beide typen bevatten. Maar dit is een goede plek om te beginnen bij het denken over welk formaat te gebruiken voor uw projecten.,
De verschillende soorten bestandsformaten—
- Raster bestand formaten
- JPEG
- GIF
- PNG
- TIFF
- RAW
- PSD
- Vector-bestand formaten
- EPS
- SVG –
- AI
Raster bestand formaten—
Wat is een raster afbeelding
Raster-afbeeldingen zijn gemaakt van een set raster van puntjes, genaamd pixels, waarbij elke pixel krijgt een kleur. In tegenstelling tot een vectorafbeelding, rasterafbeeldingen zijn resolutie afhankelijk, wat betekent dat ze bestaan op één grootte., Wanneer u een rasterafbeelding transformeert, rekt u de pixels zelf uit, wat kan resulteren in een “pixelated” of wazig beeld. Wanneer u een afbeelding vergroot, gist uw software in wezen naar welke beeldgegevens ontbreken op basis van de omringende pixels. Vaker wel dan niet, de resultaten zijn niet geweldig.
Raster-afbeeldingen worden doorgaans gebruikt voor foto ‘ s, digitale bestanden en web graphics (zoals banner advertenties, sociale media, content en e-mail graphics). Adobe Photoshop is de industrie-standaard afbeelding editor die wordt gebruikt voor het maken, ontwerpen en bewerken van rasterafbeeldingen, alsmede om effecten, schaduwen en texturen toe te voegen aan bestaande ontwerpen.
CMYK vs., RGB
alle rasterafbeeldingen kunnen worden opgeslagen in een van de twee primaire kleurenmodellen: CMYK en RGB.
CMYK-een vier-kleurendruk proces dat staat voor cyaan, magenta, yellow en key (zwart). Deze kleuren vertegenwoordigen de vier inkten die zullen combineren tijdens het printproces., Bestanden die in dit formaat zijn opgeslagen, worden geoptimaliseerd voor fysiek afdrukken.
RGB is een lichtgebaseerd kleurmodel dat staat voor rood, groen en blauw. Dit zijn de drie primaire kleuren van licht die combineren om andere kleuren te produceren. Bestanden die in dit formaat worden opgeslagen, worden geoptimaliseerd voor het web, mobiele telefoons, film en video—alles wat op een scherm verschijnt.
lossy vs. lossless
elk rasterafbeeldbestand is of lossless of lossy, afhankelijk van hoe het formaat met uw afbeeldingsgegevens omgaat.
verliesloze afbeeldingsformaten leggen alle gegevens van uw oorspronkelijke bestand vast., Niets van het originele bestand, foto of kunstwerk is verloren—vandaar de term “verliesloos.”Het bestand kan nog steeds worden gecomprimeerd, maar alle verliesloze formaten in staat zijn om uw afbeelding te reconstrueren naar de oorspronkelijke staat zal zijn.
afbeeldingsformaten met verlies benaderen hoe uw originele afbeelding eruit ziet. Een afbeelding met verlies kan bijvoorbeeld de hoeveelheid kleuren in uw afbeelding verminderen of de afbeelding analyseren op onnodige gegevens. Deze slimme technische trucs verminderen meestal de bestandsgrootte, hoewel ze de kwaliteit van uw afbeelding kunnen verminderen.,
gewoonlijk zijn bestanden met verlies veel kleiner dan bestanden zonder verlies, waardoor ze ideaal zijn om online te gebruiken waar Bestandsgrootte en downloadsnelheid van vitaal belang zijn.
JPEG / JPG
JPEG is een rasterformaat met verlies dat staat voor Joint Photographic Experts Group, het technische team dat het heeft ontwikkeld. Dit is een van de meest gebruikte formaten online, meestal voor foto ‘ s, e-mailafbeeldingen en grote webafbeeldingen zoals banneradvertenties. JPEG-afbeeldingen hebben een glijdende schaal van compressie die de bestandsgrootte enorm vermindert, maar verhoogt artefacten of pixelatie hoe meer de afbeelding wordt gecomprimeerd.,
Je moet gebruik maken van een JPEG als…
- Je te maken hebt met online foto ‘ s en/of illustraties. JPEG ‘ s bieden u de meeste flexibiliteit met rasterbewerking en compressie waardoor ze ideaal zijn voor webafbeeldingen die snel moeten worden gedownload.
- u wilt foto ‘ s en/of illustraties afdrukken., Bij hoge resolutie bestanden met lage compressie, JPEG ‘ s zijn perfect voor het bewerken en vervolgens afdrukken.
- u moet een snelle voorbeeldafbeelding naar een client sturen. JPEG-afbeeldingen kunnen worden teruggebracht tot zeer kleine maten waardoor ze geweldig zijn voor e-mailen.
gebruik Geen JPEG wanneer …
- u een webgrafiek met transparantie nodig hebt. JPEG ‘ s hebben geen transparantiekanaal en moeten een effen achtergrondkleur hebben. GIF en PNG zijn uw beste opties voor transparantie.
- u hebt een gelaagde, bewerkbare afbeelding nodig., JPEG ‘ s zijn een platte beeldformaat wat betekent dat alle bewerkingen worden opgeslagen in een afbeelding laag en kan niet ongedaan worden gemaakt. Overweeg een PSD (Photoshop) bestand voor een volledig bewerkbare afbeelding.
GIF
GIF is een rasterformaat zonder verlies dat staat voor Graphics Interchange Format. De grote vraag: hoe wordt het uitgesproken? De maker van GIF zegt “JIFF” als de pindakaas. Deze schrijver (en veel van de wereld) zegt “GIFF” omdat graphics begint met een “guh.”Hoe dan ook, dat laten we aan jou over., GIF is ook een veel gebruikte webbeeldformaat, meestal voor geanimeerde afbeeldingen zoals banneradvertenties, e-mailafbeeldingen en social media memes. Hoewel GIF ‘ s verliesloos zijn, kunnen ze worden geëxporteerd in een aantal zeer aanpasbare instellingen die de hoeveelheid kleuren en beeldinformatie verminderen, wat op zijn beurt de bestandsgrootte vermindert.
u moet een GIF gebruiken wanneer…
- u webanimatie wilt maken. GIF afbeeldingen bevatten alle animatie frames en timing informatie in een enkel bestand., Image editors zoals Photoshop maken het gemakkelijk om een korte animatie te maken en te exporteren als een GIF.
- u hebt transparantie nodig. GIF-afbeeldingen hebben een” alfakanaal ” dat transparant kan zijn, zodat u uw afbeelding op elke gekleurde achtergrond kunt plaatsen.
- u hebt een klein bestand nodig. De compressietechnieken in het GIF-formaat laten afbeeldingsbestanden enorm krimpen. Voor zeer eenvoudige pictogrammen en web graphics, GIF is de beste afbeelding bestandsformaat.
gebruik geen GIF wanneer…
- u een afbeelding met fotografische kwaliteit nodig hebt., Hoewel GIF ‘ s een hoge resolutie kunnen hebben, hebben ze een limiet van 256 kleuren (tenzij je een paar trucs kent). Foto ‘ s hebben meestal duizenden kleuren en zullen er plat en minder levendig uitzien (en soms raar als gevolg van kleurbanding) wanneer ze worden omgezet in GIF.
- u moet een afbeelding afdrukken. Vanwege de kleurlimiet missen de meeste afgedrukte foto ‘ s diepte. Als u foto ‘ s wilt afdrukken, kijk dan naar TIFF, PSD en JPG.
- u hebt een gelaagde, bewerkbare afbeelding nodig. GIF ‘ s zijn een platte beeldformaat wat betekent dat alle bewerkingen worden opgeslagen in een afbeelding laag en kan niet ongedaan worden gemaakt., Overweeg een PSD (Photoshop) bestand voor een volledig bewerkbare afbeelding.
PNG
PNG is een rasterformaat zonder verlies dat staat voor Portable Network Graphics. Zie PNG ‘ s als de volgende generatie GIF. Dit formaat heeft ingebouwde transparantie, maar kan ook hogere kleurdieptes weergeven, wat zich vertaalt in miljoenen kleuren. Png ‘ s zijn een webstandaard en worden snel een van de meest voorkomende beeldformaten die online worden gebruikt.,
Je moet een PNG-als…
- Je moet van hoge kwaliteit transparante web-graphics. PNG-afbeeldingen hebben een variabele “alfakanaal” die elke mate van transparantie kan hebben (in tegenstelling tot GIF ‘ s die alleen aan/uit transparantie hebben)., Plus, met grotere kleurdieptes, heb je een levendiger beeld dan je zou hebben met een GIF.
- u heeft illustraties met beperkte kleuren. Hoewel elke afbeelding zal werken, PNG-bestanden zijn het beste met een klein kleurenpalet.
- u hebt een klein bestand nodig. PNG-bestanden kunnen krimpen tot ongelooflijk kleine formaten-vooral afbeeldingen die eenvoudige kleuren, vormen of tekst zijn. Dit maakt het de ideale image bestandstype voor web graphics.
gebruik geen PNG wanneer …
- u met foto ‘ s of illustraties werkt. Dankzij de hoge kleurdiepte van PNG ’s kan het formaat gemakkelijk foto’ s met een hoge resolutie verwerken., Echter, omdat het een verliesloos webformaat is, hebben bestandsgroottes de neiging om erg groot te worden. Als u werkt met foto ‘ s op het web, ga met JPEG.
- u heeft te maken met een afdrukproject. PNG graphics zijn geoptimaliseerd voor het scherm. Je kunt zeker een PNG afdrukken, maar je zou beter af zijn met een JPEG (lossy) of TIFF bestand.
TIFF/TIF
TIFF is een rasterformaat zonder verlies dat staat voor Tagged Image File Format. Vanwege de extreem hoge kwaliteit wordt het formaat voornamelijk gebruikt in fotografie en desktop publishing., U zult waarschijnlijk TIFF-bestanden tegenkomen wanneer u een document scant of een foto maakt met een professionele digitale camera. Houd er rekening mee dat TIFF-bestanden ook kunnen worden gebruikt als een “container” voor JPEG-afbeeldingen. Deze bestanden zullen veel kleiner zijn dan traditionele TIFF-bestanden, die meestal erg groot zijn.
u moet een TIFF gebruiken wanneer…
- u grafische afbeeldingen van hoge kwaliteit nodig hebt., Samen met RAW, TIFF-bestanden behoren tot de hoogste kwaliteit grafische formaten beschikbaar. Als u foto ‘ s afdrukt—vooral op enorme formaten—gebruik dan dit formaat.
- u maakt een scan van hoge kwaliteit. Met behulp van TIFF om uw documenten, foto ‘ s en illustraties te scannen, zorgt u ervoor dat u het beste originele bestand hebt om uit te werken.
niet gebruiken bij TIFF wanneer …
- u met webgraphics werkt. Hoewel veel webbrowsers het ondersteunen, zijn TIFF-bestanden geoptimaliseerd voor afdrukken. Ga met JPEG of PNG wanneer u afbeeldingen van hoge kwaliteit online moet weergeven.,
RAW
een raw-afbeeldingsformaat bevat de niet-verwerkte gegevens die door de sensor van een digitale camera of scanner zijn vastgelegd. Typisch, beelden worden verwerkt (aangepast voor kleur, witbalans, belichting, enz.) en vervolgens omgezet en gecomprimeerd in een ander formaat (bijvoorbeeld JPEG of TIFF). Raw-afbeeldingen slaan de niet-verwerkte en verwerkte gegevens op in twee afzonderlijke bestanden, zodat u de hoogst mogelijke beeldkwaliteit hebt die u niet-destructief kunt bewerken met een fotobewerkingsprogramma zoals Photoshop., Er zijn tientallen RAW-formaten, maar enkele van de typische formaten zijn CRW( Canon), NEF (Nikon) en DNG (Adobe).
u moet RAW gebruiken wanneer…
- u foto ‘ s maakt en bewerkt. Zorg ervoor dat uw camera is ingesteld op RAW, zodat u het meest veelzijdige beeld kunt vastleggen. Gebruik vervolgens een compatibele fotobewerkingstoepassing om uw afbeelding aan te passen.
gebruik geen RAW wanneer …
- u met webgraphics werkt. RAW is gebouwd voor fotobewerking., Wanneer u klaar bent om uw foto ‘ s voor het web te presenteren, converteren ze naar JPEG.
- u bent klaar om uw foto ‘ s af te drukken. Veel printers accepteren geen raw-indelingen, dus eerst converteren naar JPEG of TIFF.
PSD
PSD is een gelaagd afbeeldingsformaat dat staat voor Photoshop Document. Dit zijn originele ontwerpbestanden die in Photoshop zijn gemaakt en die volledig bewerkbaar zijn met meerdere lagen en afbeeldingsaanpassingen., PSD ‘ s worden voornamelijk gebruikt om rasterafbeeldingen te maken en te bewerken, maar dit unieke formaat kan ook vectorlagen bevatten, waardoor het uiterst flexibel is voor een aantal verschillende projecten. Een PSD kan worden geëxporteerd naar een aantal afbeeldingsbestandsindelingen, inclusief alle bovenstaande rasterindelingen.
u moet een PSD gebruiken wanneer…
- het tijd is om foto ‘ s te retoucheren. Wilt u een foto in kleur corrigeren? Of een laag tekst toevoegen? PSD = foto ‘ s.
- u moet Illustraties bewerken voor digitaal of afdrukken., Dat kan een foto, schilderij, tekening of iets anders zijn. Photoshop is de juiste tool om ervoor te zorgen dat elke lijn, schaduw en textuur op zijn plaats is.
- u wilt digitale afbeeldingen voor het web zoals sociale media afbeeldingen, banneradvertenties, e-mail headers, video ‘ s etc. Het maken van deze beelden in Photoshop zal ervoor zorgen dat ze de juiste grootte en geoptimaliseerd voor het web.
- u moet een website of app mockup maken. Lagen maken het gemakkelijk om UI-elementen te verplaatsen.
- u wilt fancy worden met animatie en video., Photoshop maakt het gemakkelijk om eenvoudige videoclips samen te snijden en afbeeldingen, filters, tekst, animatie en meer toe te voegen.
gebruik geen PSD wanneer …
- u een foto online moet plaatsen of een voorbeeld naar een client moet sturen. Het web is Jpeg-vriendelijk. Converteer eerst om ervoor te zorgen dat uw publiek uw afbeelding kan zien (en dus het zal niet enkele minuten duren om te downloaden).
- u bent klaar om uw foto ‘ s af te drukken. Veel printers accepteren het PSD-formaat niet, dus converteer eerst naar JPEG of TIFF.,
Vectorbestandsindelingen—
Wat is een vectorafbeelding
vectorafbeeldingen zijn digitale illustraties waarin punten, lijnen en krommen door de computer worden berekend. Ze zijn in wezen gigantische wiskundige vergelijkingen, en elke “vergelijking” kan worden toegewezen aan een kleur, lijn of dikte (onder andere stijlen) om de vormen te zetten in kunst. In tegenstelling tot rasterafbeeldingen zijn vectorafbeeldingen resolutieonafhankelijk. Wanneer u een vectorafbeelding verkleint of vergroot, worden uw vormen groter, maar verliest u geen detail of pixelatie., Omdat uw afbeelding altijd identiek zal renderen, ongeacht de grootte, is er niet zoiets als een verliesloos of verliesloos vectorafbeeldtype.,
Vector images are typically used for logos, icons, typesetting and digital illustrations., Adobe Illustrator is de industrie-standaard afbeelding editor die wordt gebruikt voor het maken, ontwerpen en bewerken van vectorafbeeldingen (hoewel het kan ook rasterafbeeldingen, ook).
PDF staat voor Portable Document Format en is een afbeeldingsformaat dat wordt gebruikt om documenten en afbeeldingen correct weer te geven, ongeacht het apparaat, de toepassing, het besturingssysteem of de webbrowser. In de kern hebben PDF-bestanden een krachtige vector graphics-basis, maar kunnen ook alles weergeven, van rasterafbeeldingen tot formuliervelden tot spreadsheets., Omdat het een bijna universele standaard is, zijn PDF-bestanden vaak het bestandsformaat dat door printers wordt gevraagd om een definitief ontwerp in productie te sturen. Zowel Adobe Photoshop als Illustrator kunnen rechtstreeks naar PDF exporteren, waardoor het gemakkelijk is om uw ontwerp te starten en klaar te maken voor afdrukken.,
Je moet gebruik maken van een PDF als…
- U bent klaar om af te drukken. Zoals we al vermeldden, geven veel printers de voorkeur aan PDF als hun primaire leveringsformaat omdat het zo alomtegenwoordig is. Neem contact op met uw printer om te zien hoe ze willen dat u uw bestand voor te bereiden.,
- u wilt documenten weergeven op het web. Je zou geen PDF gebruiken voor een enkel pictogram of logo, maar het is geweldig voor posters, flyers, tijdschriften en boekjes. PDF ‘ s houden uw volledige ontwerp in één pakket, waardoor het gemakkelijk te bekijken, downloaden of afdrukken.
gebruik geen PDF wanneer …
- u uw ontwerp moet bewerken. PDF ‘ s zijn geweldige containers, maar gebruik andere toepassingen voor de inhoud. U kunt rasterafbeeldingen bewerken met Photoshop en vectorafbeeldingen met Illustrator. Als u klaar bent, kunt u deze combineren in een PDF voor een eenvoudige weergave.,
EPS
EPS is een afbeeldingsformaat dat staat voor Encapsulated PostScript. Hoewel het voornamelijk als vectorformaat wordt gebruikt, kan een EPS-bestand zowel vector-als rasterafbeeldgegevens bevatten. Typisch, een EPS-bestand bevat een enkel ontwerpelement dat kan worden gebruikt in een groter ontwerp.,
You should use an EPS when…
- You need to send a vector logo to a client, designer or a printer., Met een EPS-bestand hoeft u zich geen zorgen te maken over waar het logo zal worden geplaatst of geprint. Ongeacht de grootte, het zal altijd verschijnen op de juiste resolutie.
gebruik geen EPS als …
- u te maken heeft met foto ‘ s of illustraties. EPS kan omgaan met rasterafbeeldingen, maar dit type beeldbestand is voornamelijk voor vectoren. Werk met een PSD, TIF of JPEG wanneer u een fotoproject hebt.
- u moet een afbeelding online tonen. Exporteer eerst naar JPEG, PNG of GIF.,
SVG
SVG staat voor Scalable Vector Graphics en is een XML-gebaseerd vectorafbeeldformaat voor tweedimensionale afbeeldingen. Het kan worden doorzocht, geïndexeerd, geschaald en gecomprimeerd en kan resulteren in kleinere bestandsgroottes dan andere bestandsformaten, waardoor het ideaal is voor web. SVG-bestanden kunnen worden bewerkt in grafische bewerkingsprogramma ‘ s en tekstverwerkers.
u moet SVG gebruiken wanneer …
- u door de computer gegenereerde grafieken en diagrammen wilt maken voor publicatie op het web.
gebruik SVG niet wanneer …
- u een bestandsformaat nodig hebt voor een afdrukworkflow.,
AI
AI is een eigen vectorafbeeldformaat dat staat voor Adobe Illustrator. Het formaat is gebaseerd op zowel de EPS-en PDF-normen ontwikkeld door Adobe. Net als die formaten, AI-bestanden zijn voornamelijk een vector-gebaseerde indeling, maar ze kunnen ook ingesloten of gekoppeld rasterafbeeldingen. AI-bestanden kunnen worden geëxporteerd naar zowel PDF-en EPS-bestanden( voor eenvoudig bekijken en afdrukken), en ook JPEG, PNG, GIF, TIFF en PSD (voor webgebruik en verdere bewerking).,
u moet een AI gebruiken wanneer…
- u een vectorontwerp moet bewerken. AI-bestanden kunt u elk element in uw ontwerp te verplaatsen en te wijzigen met slechts een klik of twee.
- u moet een logo, icoon of merkmascotte aanmaken. Elke vector vorm en lijn gemaakt in Illustrator kan worden opgeblazen tot elk formaat, waardoor het ideaal is voor afbeeldingen die moeten worden gebruikt op veel verschillende manieren.
- u wilt een stuk van één pagina afdrukken., Illustrator is perfect voor posters, visitekaartjes, flyers en notecards die gecombineerd kunnen worden met andere rasterafbeeldingen.
- u moet het type voor een logo instellen. Illustrator ‘ s zetting functies zijn ongelooflijk krachtig, waardoor elke tekst te worden uitgerekt, scheef en getransformeerd elke denkbare manier.
gebruik geen AI wanneer…
- u afbeeldingen moet bewerken. Als een rasterafbeelding (foto of kunstwerk) in een compositie wordt gebruikt, heeft Illustrator een beperkt aantal tools om die afbeelding direct te bewerken., Photoshop (PSD-bestanden) kan meer uitgebreide aanpassingen zoals kleur, contrast en helderheid te maken.