Web orrialdeetan erabil daitezkeen irudi formatuak daude. Adibide komun batzuk GIF , JPG eta PNG dira . SVG fitxategiak ere erabiltzen dira gaur egun webguneetan, eta web diseinatzaileek beste aukera bat eskaintzen dute lineako irudian.
GIF irudiak
Erabili GIF fitxategiak kolore kopuru txiki eta finko bat duten irudietarako. GIF fitxategiak 256 kolore ezberdin baino gehiago ez dira beti murriztu. GIF fitxategientzako konpresio algoritmoa JPG fitxategiak baino konplexuagoa da, baina kolore lauak eta testuak erabiltzen direnean, fitxategi tamaina txikiak sortzen ditu .
GIF formatua ez da egokia argazkientzako irudiak edo irudiak gradiente kolorearekin. GIF formatuak kolore, gradiente eta argazki kopuru mugatu bat duelako GIF fitxategi gisa gordetako banderak eta pixelazioak bukatuko dira.
Hitz batean, GIFak soilik erabili beharko lirateke kolore gutxi batzuekin, baina PNGak ere erabil ditzakezu horretarako (handik gutxira).
JPG irudiak
Erabili JPG irudiak milioika kolore dituzten argazkiak eta bestelako irudiak. Konpresio algoritmo konplexu bat erabiltzen du, grafiko txikiagoak sortzeko aukera ematen baitu irudiaren kalitatea galduz. Hau "galera" konpresio deritzo, irudiaren informazioa batzuk galduta irudia konprimituta dagoenean.
JPG formatua ez da testuarekin irudiak, kolore sendoko bloke handiak eta forma sinpleak korronte ertzekin konbinatuta. Hau da, irudia konprimituta dagoenean, testu, kolorea edo lerroak lausotuta geratuko lirateke, beste formatu batean gordeko ez den moduan.
JPG irudiak kolore asko eta kolore asko dituzten argazkiak eta irudiak erabiltzen dira.
PNG irudiak
PNG formatua GIF formatuan ordezkatuz garatu zen GIF irudiak royalty kuota baten mende egongo balitz. PNG grafikoak GIF irudiek baino konpresio-tasa handiagoa dute eta GIF gisa gordetako fitxategi bera baino txikiagoa duten irudiak dira. PNG fitxategiek alfa gardentasuna eskaintzen dute, zure irudien eremuak guztiz gardenak edo alfa gardentasun sorta bat erabil ditzaten. Esate baterako, itzaldura batek gardentasun efektuak erabiltzen ditu eta PNGrako egokia izango litzateke (edo, bestela, CSS itzalak erabiliz).
PNG irudiak, GIF bezalakoak, ez dira argazkientzat egokiak. Bide-zorroaren inguruko arazoa da, koloreak benetako koloreak erabiliz GIF fitxategiekin gordetako argazkiak eragiten dituena, baina irudiak oso handiak izan daitezke. PNG irudiak ez dira ongi onartzen telefono mugikorren eta telefono mugikorren artean.
PNG erabiltzen dugu gardentasuna eskatzen duen edozein fitxategi. PNG-8 erabiltzen dugu GIF gisa egokia den edozein fitxategi, PNG formatu hau erabiliz.
SVG irudiak
SVG Bektore grafiko eskalagarria da. JPG, GIF eta PNG aurkitutako raster oinarritutako formatuek ez bezala, fitxategi horiek bektoreak erabiltzen dituzte tamaina txikian errendatu daitezkeen fitxategi txikiak sortzeko, fitxategiaren tamaina handitzeko kalitatea galtzerik ez badute. Ikonoak eta logotipoak bezalako ilustrazioak dira.
Web Entregatzeko irudiak prestatzea
Irudia formatuan erabiltzen duzun edozein izanik ere, eta zure webgunea formatu desberdinak erabiltzen ditu orri guztietan zehar, web orrialde honetako irudi guztiak prestatu behar dituzu . Irudi gehiegi handiak gune bat poliki exekutatu eta errendimendu orokorra eragina sor ditzake. Horretarako, irudi horiek optimizatu egin behar dira kalitatearen eta kalitatearen maila ahalik eta txikiena lortzeko bitartekoen arteko oreka aurkitzeko.
Irudi formatu egokiak aukeratzea bataila parte da, baina baita fitxategiak prestatu dituzula ere, web orri garrantzitsu garrantzitsu honen hurrengo urratsa da.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek editatua.