Tyv\u00e4rr f\u00f6rst\u00e5r m\u00e5nga webbplats\u00e4gare fortfarande inte vilka bildfiltyper som ska v\u00e4ljas f\u00f6r olika anv\u00e4ndningsomr\u00e5den. Resultatet blir ofta att laddningshastigheten f\u00f6r deras webbplats saktas ner<\/a> eftersom deras bilder inte har det b\u00e4sta formatet, och inte heller \u00e4r optimerade.<\/p>\n I den h\u00e4r artikeln g\u00e5r vi igenom alla de viktigaste bildfilstill\u00e4ggen och ber\u00e4ttar \u00e4ven n\u00e4r du b\u00f6r anv\u00e4nda dem f\u00f6r att ge dina bes\u00f6kare b\u00e4sta m\u00f6jliga anv\u00e4ndarupplevelse.<\/p>\n Bildfilstyper och format \u00e4r indelade i tv\u00e5 olika huvudkategorier: rasterbildfiler och vektorbildfiler.<\/p>\n L\u00e5t oss titta n\u00e4rmare p\u00e5 varje kategori.<\/p>\n De vanligaste bildformaten f\u00f6r webben (JPEG, GIF och PNG<\/a>) ligger alla under kategorin raster.<\/p>\n I rasterbildfilstyper visas statiska bilder d\u00e4r varje pixel har en definierad f\u00e4rg, position och proportion baserad p\u00e5 deras uppl\u00f6sning (exempelvis 1280\u00d7720).<\/p>\n Eftersom de \u00e4r statiska, kan du inte \u00e4ndra storleken p\u00e5 bilderna effektivt. Den ursprungliga designen och pixlarna kommer helt enkelt att str\u00e4ckas ut f\u00f6r att fylla det extra utrymmet. Detta slutar med att det skapas en suddig, felformad, eller p\u00e5 annat s\u00e4tt f\u00f6rvr\u00e4ngd bild.<\/p>\n De allra flesta fotografier eller bilder som du ser p\u00e5 internet anv\u00e4nder ett rasterbildformat.<\/p>\n SVG<\/a>, EPS, AI och PDF<\/a> \u00e4r exempel p\u00e5 vektorbildfilstyper.<\/p>\n Till skillnad fr\u00e5n de statiska rasterbildfilsformaten, d\u00e4r varje formgivningsform och f\u00e4rg \u00e4r knuten till en pixel, \u00e4r dessa format mer flexibla.<\/p>\n Vektorgrafik anv\u00e4nder ist\u00e4llet ett system med linjer och kurvor p\u00e5 ett kartesiskt plan, skalat i j\u00e4mf\u00f6relse med det totala omr\u00e5det, inte i j\u00e4mf\u00f6relse med n\u00e5gon enskild pixel.<\/p>\n Detta inneb\u00e4r att du kan f\u00f6rstora den ursprungliga bildens uppl\u00f6sning o\u00e4ndligt mycket utan n\u00e5gon f\u00f6rlust i kvalitet eller uppl\u00f6sning.<\/p>\n Som du kan se, \u00e4r skillnaden mellan kvalitet helt makal\u00f6s n\u00e4r bilden f\u00f6rstoras 7x.<\/p>\n Eftersom SVG ber\u00e4knar positionerna baserat p\u00e5 en procentandel av det totala omr\u00e5det, och inte pixlar, finns det ingen pixelation alls.<\/p>\n\n Nedan g\u00e5r vi igenom varje st\u00f6rre grafiskt filformat, fr\u00e5n rasterbilder och vektorbilder, till filer f\u00f6r bildredigeringsprogram.<\/p>\n Vi g\u00f6r en djupdykning och g\u00e5r igenom f\u00f6r-och nackdelar, webbl\u00e4sare och OS-st\u00f6d, och idealiska anv\u00e4ndningsomr\u00e5den f\u00f6r varje format.<\/p>\n JPEG (eller JPG)<\/a> \u00e4r ett rasterbildfilsformat med f\u00f6rst\u00f6rande komprimering<\/a> som g\u00f6r den l\u00e4mplig f\u00f6r att dela bilder. JPEGs \u00e4r ”f\u00f6rst\u00f6rande” vilket inneb\u00e4r att de minskar filstorleken, men \u00e4ven kvaliteten p\u00e5 bilderna n\u00e4r du anv\u00e4nder formatet.<\/p>\n JPEG \u00e4r fortfarande en av de mest anv\u00e4nda bildfilstyperna som du hittar p\u00e5 internet. Detta beror till stor del p\u00e5 dess komprimering och praktiskt taget universella webbl\u00e4sare \/ OS-st\u00f6d.<\/p>\n De flesta sociala medieplattformarna<\/a> (som Facebook och Instagram) f\u00f6rvandlar automatiskt uppladdade bildfiler till JPEGs. De anv\u00e4nder \u00e4ven unika\u00a0sociala medie- bildstorlekar<\/a> f\u00f6r att styra uppl\u00f6sningen p\u00e5 dina bilder.<\/p>\n PNG \u00e4r ett rastergrafikformat som st\u00f6der f\u00f6rlustfri komprimering, och bibeh\u00e5ller detaljer och kontrast mellan f\u00e4rger.<\/p>\n PNG erbjuder i synnerhet mycket b\u00e4ttre l\u00e4sbarhet av text \u00e4n JPEG.<\/p>\n Detta g\u00f6r PNG till ett mer popul\u00e4rt val f\u00f6r infografik, banderoller<\/a>, sk\u00e4rmbilder och annan grafik som inneh\u00e5ller b\u00e5de bilder och text.<\/p>\n GIF \u00e4r en annan bildfilstyp som faller inom rasterformatet. Den anv\u00e4nder f\u00f6rlustfri komprimering men ”begr\u00e4nsar” bilden till 8 bitar per pixel och en begr\u00e4nsad palett med 256 f\u00e4rger.<\/p>\n GIF-formatet<\/a> \u00e4r mest k\u00e4nt (och mest anv\u00e4nt) f\u00f6r animerade bilder eftersom dess 8-bitars begr\u00e4nsning h\u00e5ller filstorlekar av animationer sm\u00e5 och internet-v\u00e4nliga.<\/p>\n WebP \u00e4r ett bildformat som har utvecklats speciellt f\u00f6r att ge b\u00e4ttre f\u00f6rlustfri och f\u00f6rst\u00f6rande komprimering av bilder.<\/p>\n Om du byter fr\u00e5n JPEG och PNG till WebP kan det hj\u00e4lpa till att spara diskutrymme f\u00f6r servern<\/a> och spara en betydande m\u00e4ngd bandbredd, med upp till 35 % mindre bildfiler av identisk kvalitet.<\/p>\n Ett format som inte b\u00f6r saknas i denna guide om bildfilstyper, \u00e4r TIFF.<\/p>\n TIFF, som \u00e4r en f\u00f6rkortning f\u00f6r Tagged Image File Format, \u00e4r ett rasterbildformat som oftast anv\u00e4nds f\u00f6r att lagra och redigera bilder som senare kommer att anv\u00e4ndas f\u00f6r utskrift.<\/p>\n \u00c4ven om det st\u00f6der f\u00f6rst\u00f6rande komprimering, anv\u00e4nds det vanligtvis som ett f\u00f6rlustfritt bildformat. De flesta professionella grafikprogram som st\u00f6der TIFF (Photoshop, Illustrator, osv.) anv\u00e4nder dessutom inte komprimering. Det \u00e4r med andra ord vanligt att TIFF-bilder har en stor filstorlek.<\/p>\n Bitmap (BMP) \u00e4r ett mestadels f\u00f6r\u00e5ldrat bildfilsformat som mappar enskilda pixlar med liten till ingen komprimering. Detta inneb\u00e4r BMP-filer l\u00e4tt kan bli extremt stora och \u00e4r opraktiska att lagra eller hantera.<\/p>\n HEIF, en f\u00f6rkortning f\u00f6r High Efficiency Image File Format, \u00e4r ett bildformat som utvecklats av teamet bakom MPEG\u00b4s videoformat<\/a> f\u00f6r att bli en direkt konkurrent till JPEG.<\/p>\n I teorin \u00e4r komprimeringen n\u00e4stan dubbelt s\u00e5 effektiv som JPEG, vilket leder till bilder av upp till dubbel kvalitet med identiska filstorlekar.<\/p>\n Det \u00e4r ett rasterbildformat, baserat p\u00e5 pixelmappning, vilket inneb\u00e4r att du inte kan skala upp bilderna utan att f\u00f6rlora kvalitet.<\/p>\n Scalable Vector Graphics-filformat, vanligtvis ben\u00e4mnt SVG, utvecklades av W3C som ett p\u00e5l\u00e4ggsspr\u00e5k f\u00f6r att korrekt \u00e5terge tv\u00e5dimensionella bilder i webbl\u00e4saren.<\/p>\n SVG \u00e4r inte beroende av pixlar till skillnad mot ett rasterformat.\u00a0Det anv\u00e4nder ist\u00e4llet XML-text f\u00f6r att beskriva former och linjer p\u00e5 ett liknande s\u00e4tt som matematiska ekvationer skapar grafer.<\/p>\n Detta inneb\u00e4r att du kan skala upp SVG-bilder o\u00e4ndligt utan n\u00e5gon f\u00f6rlust av kvalitet.<\/p>\n I huvudsak \u00e4r en EPS (encapsulated PostScript)-fil en vektorbildfil som anv\u00e4nds f\u00f6r att lagra illustrationer i Adobe Illustrator och annan illustrations-programvara som exempelvis CorelDraw.<\/p>\n Precis som SVG-filer \u00e4r EPS faktiskt ett textbaserat dokument som konstruerar former och linjer med kod, i st\u00e4llet f\u00f6r att mappa pixlar och f\u00e4rger. Resultatet blir att \u00e4ven EPS-filer st\u00f6der f\u00f6rlustfri skalning.<\/p>\n Du associerar f\u00f6rmodligen PDF med att lagra, spara och l\u00e4sa mestadels textbaserade dokument. Detta \u00e4r fullt f\u00f6rst\u00e5eligt \u2013 dokument finns trots allt i namnet.<\/p>\n Men PDF-filer \u00e4r faktiskt baserade p\u00e5 samma PostScript-spr\u00e5k som driver EPS vektorbildfiler och kan \u00e4ven anv\u00e4ndas f\u00f6r att spara bilder och illustrationer.<\/p>\n Detta \u00e4r bildformatet man ska v\u00e4lja f\u00f6r lagring av illustrationer, tidskriftsomslag och mycket mer f\u00f6r senare utskrift. Det \u00e4r \u00e4ven det f\u00f6redragna valet f\u00f6r Kinsta\u00b4s e-b\u00f6cker.<\/a><\/p>\n Som namnet antyder \u00e4r filformatet PSD ett bildformat som anv\u00e4nds f\u00f6r att spara bilddokument och p\u00e5g\u00e5ende arbeten med Adobe Photoshop.<\/p>\n Det \u00e4r inte ett webbs\u00e4kert bildformat<\/strong>, s\u00e5 det st\u00f6ds inte av n\u00e5gra webbl\u00e4sare eller standard bild-visare eller redigerare.<\/p>\n AI \u00e4r ett annat bild-format av Adobe som har utvecklats s\u00e4rskilt f\u00f6r att inte bara spara bilden, men \u00e4ven projektet.<\/p>\n Liksom PSD, \u00e4r det inte t\u00e4nkt att anv\u00e4ndas p\u00e5 webben <\/strong>och st\u00f6ds inte av n\u00e5gra webbl\u00e4sare, i stort sett inte heller av n\u00e5n standard bild-visare.<\/p>\n Till skillnad fr\u00e5n PSD-filer kan du skala AI-filer hur mycket du vill utan n\u00e5gon f\u00f6rlust i kvalitet.<\/p>\n XCF, som st\u00e5r f\u00f6r eXperimental Computing Facility, \u00e4r en bildfiltyp som \u00e4r inbyggd i \u00f6ppna k\u00e4llkods-bildredigeraren GIMP<\/a>. Detta \u00e4r motsvarigheten till PSD-filer och sparar s\u00f6kv\u00e4gar, genomskinlighet, filter och mycket mer.<\/p>\n Detta \u00e4r inte en inbyggd filtyp f\u00f6r lagring av projekt och st\u00f6ds inte av n\u00e5gra webbl\u00e4sare <\/strong>eller standard bild-visare.<\/p>\n INDD \u00e4r en inf\u00f6dd filtyp f\u00f6r Adobe InDesign-anv\u00e4ndare d\u00e4r du kan spara projektfiler inklusive sidinneh\u00e5ll, format, f\u00e4rgrutor och mycket mer.<\/p>\n \u00c4ven om det ibland kallas en bildfilsformat, tenderar det att nyttjas mycket f\u00f6r visuella element bakom text.<\/p>\n Det st\u00f6ds inte av n\u00e5gra webbl\u00e4sare eller standard bild-visare, eftersom det inte \u00e4r ett webbs\u00e4kert format<\/strong>.<\/p>\n R\u00e5bildsformat \u00e4r de filtyper en digitalkamera anv\u00e4nder f\u00f6r att lagra bilder med full kvalitet f\u00f6r senare efterproduktion och redigering.<\/p>\n St\u00f6rre r\u00e5bildsfiltyper av kameratillverkare:<\/p>\n I st\u00e4llet f\u00f6r 256 nyanser per f\u00e4rgkanal (8 bitar) som finns i en JPEG-fil erbjuder RAW-filer upp till 16 384 nyanser per f\u00e4rgkanal (14 bitar) i en enda bild. Detta ger dig mer flexibilitet n\u00e4r du jobbar med f\u00e4rg och kontrast i efterbearbetningen.<\/p>\n R\u00e5bilder \u00e4r inte avsedda f\u00f6r webben<\/strong> eller delning och st\u00f6ds inte av n\u00e5gon st\u00f6rre webbl\u00e4sare eller bild-visare.<\/p>\n Baserat p\u00e5 data som \u00e4r relaterad till webbanv\u00e4ndning \u00e4r de tre vanligaste bildfilstyperna PNG, JPEG och SVG.<\/p>\n L\u00e5t oss unders\u00f6ka vad som g\u00f6r dem s\u00e5 popul\u00e4ra.<\/p>\n Eftersom PNG l\u00e4mpar sig b\u00e4st f\u00f6r text inuti bilden, anv\u00e4nds det oftast f\u00f6r sk\u00e4rmdumpar, banners (beroende p\u00e5 bannerannonsens storlek<\/a>), och mer.<\/p>\n Eftersom det anv\u00e4nder f\u00f6rlustfri komprimering, anv\u00e4nds det \u00e4ven av designers och fotografer f\u00f6r att visa upp h\u00f6gkvalitativa bilder p\u00e5 deras portfolio-webbplatser<\/a>.<\/p>\n Dessa tv\u00e5 faktorer, tillsammans med dess universella webbl\u00e4sare och OS-st\u00f6d, g\u00f6r detta till den mest popul\u00e4ra bildfilstypen p\u00e5 webben. PNGs nyttjas f\u00f6r n\u00e4rvarande p\u00e5 hela 77% av alla webbplatser.<\/p>\n Den f\u00f6rst\u00f6rande komprimeringen inneb\u00e4r att JPEG \u00e4r ett b\u00e4ttre alternativ f\u00f6r att visa upp bilder i hela ditt inneh\u00e5ll. F\u00f6rlusten i kvalitet \u00e4r knappt synlig f\u00f6r den genomsnittliga internetanv\u00e4ndaren, och du kan spara en avsev\u00e4rd m\u00e4ngd diskutrymme och bandbredd.<\/p>\n Det \u00e4r d\u00e4rf\u00f6r detta \u00e4r det n\u00e4st mest popul\u00e4ra formatet p\u00e5 internet, och anv\u00e4nds av n\u00e4stan 72% av alla webbplatser. De flesta webbplatserna anv\u00e4nder b\u00e5de PNGs och JPEGs f\u00f6r olika \u00e4ndam\u00e5l.<\/p>\n En liten p\u00e5minnelse: Det finns ingen skillnad mellan JPG vs JPEG<\/a>, de \u00e4r tv\u00e5 olika akronymer och fil\u00e4ndelser f\u00f6r samma format.<\/p>\n SVG-filer \u00e4r skalbara vektorfiler som \u00e4r perfekta f\u00f6r ikoner, logotyper, grafer och enkla illustrationer. Bilden kan till och med infogas direkt p\u00e5 sidan som CSS-kod<\/a>.<\/p>\n Det \u00e4r d\u00e4rf\u00f6r SVGs kommer p\u00e5 en tredje plats, och anv\u00e4nds av 27% av alla webbplatser.<\/p>\n Det \u00e4r s\u00e4llan det valda formatet f\u00f6r att visa statiska bilder, men GIF har gjort comeback som #1 f\u00f6r att dela animationer.<\/p>\n Som ett resultat, anv\u00e4nder omkring 22% av alla webbplatser GIF p\u00e5 sina sidor, \u00e4ven om de sannolikt \u00e4ven anv\u00e4nder PNGs och JPEGs som standardformat.<\/p>\n R\u00e5bildsformat har h\u00f6gst kvalitet men orimligt stora filstorlekar p\u00e5 upp till hundratals megabyte.<\/p>\n F\u00f6r webb-bilder erbjuder WebP-filformatet 25-35 % mindre filstorlekar<\/a> \u00e4n JPEG f\u00f6r foton av samma kvalitet, vilket inneb\u00e4r att du kan ladda upp bilder av h\u00f6gre kvalitet f\u00f6r samma diskutrymme och snabba upp din webbplats<\/a>.<\/p>\n HEIF \u00e4r ett annat JPEG-alternativ med effektivare komprimering men st\u00f6ds f\u00f6r n\u00e4rvarande inte av n\u00e5gra st\u00f6rre webbl\u00e4sare.<\/p>\n PNG-filer erbjuder f\u00f6rlustfri komprimering, men det betyder att filstorlekarna kommer att vara ytterst stora och l\u00e5ngsamma att ladda. En enda PNG-fil kan ofta vara hundratals kB eller till och med 1MB +. Men om du \u00e4r lite taktisk och nyttjar lazy loading (finns i k\u00e4rnan sedan WordPress 5.5)<\/a> och ett CDN<\/a>, kan du fortfarande f\u00e5 en snabb webbplats.<\/p>\n De vanligaste bildfilstyperna f\u00f6r webben som st\u00f6der genomskinlighet \u00e4r PNG, WebP, GIF och till och med SVG.<\/p>\n De flesta inbyggda projekt-bildsfiltyper som PSD, XCF och AI st\u00f6der ocks\u00e5 genomskinlighet.<\/p>\n Det popul\u00e4ra JPEG-bildformatet st\u00f6der dock inte <\/strong>genomskinlighet.<\/p>\n Den st\u00f6rsta skillnaden mellan PNG och JPEG \u00e4r att PNG \u00e4r ett f\u00f6rlustfritt bildformat, medan JPEG \u00e4r ett f\u00f6rst\u00f6rande. Detta inneb\u00e4r i princip att PNG anv\u00e4nder komprimeringstekniker utan att offra bildens ursprungliga kvalitet eller detaljrikedom.<\/p>\n F\u00f6r text i bilder, tutorial-sk\u00e4rmdumpar, och n\u00e4r du vill att tecken eller andra fina element ska vara 100% synliga i ett foto, \u00e4r PNG r\u00e4tt format.<\/p>\n Som ni kan se av denna roliga bild ovan, \u00e4r PNG, som avbildas till v\u00e4nster, mycket b\u00e4ttre p\u00e5 att tydligt visa text och enkla former \u00e4n JPEG, den till h\u00f6ger.<\/p>\n Betyder detta att JPEG \u00e4r en d\u00e5lig bildfilstyp? Inte alls!<\/p>\n F\u00f6r Vilka \u00e4r de olika bildfilstyperna?<\/h2>\n
Filformat f\u00f6r rasterbild<\/span><\/h3>\n
![\"Raster-bild](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/raster-image-jpg.jpg\")
Filformat f\u00f6r vektorbilder<\/h3>\n
![\"F\u00f6rstoring](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/vector-image.jpg\")
De 15 Popul\u00e4raste bildfilstyperna<\/h2>\n
1. JPEG (och JPG) \u2014 Joint Photographic Experts Group<\/h3>\n
![\"JPEG-format](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/tiger-jpg.jpg\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Support f\u00f6r webbl\u00e4sare och OS<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
2. PNG \u2014 Portable Network Graphics<\/h3>\n
![\"Kinstas](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/kinsta-resource-center-png-image.png\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Support f\u00f6r webbl\u00e4sare och OS<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
3. GIF \u2014 Grafik Interchange Format<\/h3>\n
![\"Exempel](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/turtle-dancing-gif.gif\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Support f\u00f6r webbl\u00e4sare och OS<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
4. WebP<\/h3>\n
![\"Exempel](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/webp-image-compression.jpg\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Support f\u00f6r webbl\u00e4sare och OS<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
5. TIFF<\/h3>\n
![\"Ikon](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/tiff-icon.jpg\"){kind=icon}
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Webbl\u00e4sare och OS-support<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
6. BMP \u2014 Bitmap<\/h3>\n
![\"Image](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/bmp-vs-gif.png\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Webbl\u00e4sare och OS-support<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
7. HEIF \u2014 High Efficiency Image File Format<\/h3>\n
![\"Format](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/jpeg-vs-heif.jpg\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Webbl\u00e4sare och OS-support<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
8. SVG \u2014 Scalable Vector Graphics<\/h3>\n
![\"SVG-logotyp\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/1200px-SVG_logo.svg.png\"){kind=logo}
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Webbl\u00e4sare och OS-support<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
9. EPS \u2014 Encapsulated Postscript<\/h3>\n
![\"Ikon](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/pasted-image-0-3.png\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Webbl\u00e4sare och OS-support<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
10. PDF \u2014 Portable Document Format<\/h3>\n
![\"Exempel](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/adobe-pdf.png\")
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Webbl\u00e4sare och OS-support<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
11. PSD \u2014 Photoshop Document<\/h3>\n
![\"PSD-logotyp\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/psd-logo.png\"){kind=logo}
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
12. AI \u2014 Adobe Illustrator Artwork<\/h3>\n
![\"Ikon](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/adobe-illustrator-file-icon.png\"){kind=icon}
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
13. XCF \u2014 eXperimental Computing Facility<\/h3>\n
![\"Ikon](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/xcf-icon.png\"){kind=icon}
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
14. INDD \u2014 Adobe InDesign Document<\/h3>\n
![\"Ikon](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/adobe-indesign-icon.png\"){kind=icon}
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
15. R\u00e5bildsfiltyper<\/h3>\n
\n
F\u00f6rdelar och Nackdelar<\/h4>\n
\n
Anv\u00e4ndningsomr\u00e5den<\/h4>\n
\n
Vanliga fr\u00e5gor om bildfilstyper<\/h2>\n
Vilka \u00e4r de 3 vanligaste filtyperna f\u00f6r bilder?<\/h3>\n
![\"Anv\u00e4ndningsstatistik](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/09\/image-file-types-stats.png\")
1. PNG: Sk\u00e4rmdumpar, Banners, Infografik, Bilder<\/h4>\n
2. JPEG: Bilder<\/h4>\n
3. SVG: Logotyper, Ikoner och Illustrationer<\/span><\/h4>\n
Hedersomn\u00e4mnande: Animerade GIF-bilder<\/h4>\n
![\"Exempel](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/comeback-gif.gif\")
Vilket bildformat har b\u00e4st kvalitet?<\/h3>\n
Vilka filformat har st\u00f6d f\u00f6r genomskinlighet?<\/h3>\n
\u00c4r PNG B\u00e4ttre \u00e4n JPEG?<\/h3>\n
![\"PNG](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/09\/png-vs-jpeg.png\")