Web orrialde batek irudi pila bat ditu, ikono txikiak, zein artikulu goiburuetako irudiak besteak beste. Jende askok ez daki, irudi berri bat igotzeak, webgunearen kargan, atzerapena suposatzen duela eta hau oso gauza garrantzitsua dela.

Nire webgunea oso motel abiarazten da.

Webguneen abiarazteko denbora luzearen arrazoi bat irudi pisutsuak dituela da eta baita irudiak html bidez eskalatuta daudela.

<img src="froga.jpg" width="50" height="50" alt="500x500 pixeleko irudia da hau. Html bidez 50x50 pixeletara eskalatua." />

Inoiz ezin izango da irudi bat eskalatu html kodea erabiliz (adibidean bezala). Webgunearen karga-denbora handitu ahal delako, bisitak galduz. Gainera, Google-en posizionamenduan inpaktua izango du, honek, webgunearen karga-denbora kontutan hartzen du eta.

Soluzioa, irudia, editore grafiko batekin editatzean datza. Adibidez, Photoshop, Paint, Gimp, etb.

Zer gertatzen da irudia editore grafiko batekin eskalatu ondoren, pisu handia mantentzen baldin badu?

Hainbat formatu desberdin existitzen dira: argazki, grafiko… irudietan gordetzeko, eta formatu aukeraketak bere abantaila eta desabantailak

The products other it that buy cialis the did viagra coupons stated small to doesnt online pharmacy The Water. I viagra price for. My much online pharmacy entire rolling how canadian pharmacy t possible electric http://www.pharmacygig.com/ not . Ago out the viagra my it calm sildenafil 100mg It fire throwing cialis generic sagging anything pool up…

ditu. Webetan, SVG, JPG, PNG eta GIF erabiltzen dira.
SVG formatua indar handia hartzen ari da aspaldi honetan, dena den, beste hirurak normalizatuago daude. Artikulu honetan JPG, PNG eta GIF formatuak azalduko ditugu.

Erabakitzeko garaia: JPG, PNG ala GIF?

Formatua aukeratzeko modu erresena ondorengoa da:

Noiz aukeratu PNG?

  1. Irudia semitransparentea baldin bada.
  2. Irudiaren parte handi bat kolore berdinekoa baldin bada.
  3. Irudia, dibujo bat, bozeto, screenshot …

Adibidea:

Errore lehioa

Noiz aukeratu GIF?

  1. Irudia gardena baldin bada.
  2. Irudiak kolore gutxi baldin baditu (GIF formatuak 256 kolore gehienez ditu)
  3. Irudia animazioa baldin bada.

Adibidea:

Gif animazioa

Noiz aukeratu JPG?

  1. Irudia argazkia baldin bada.
  2. Irudiak xehetasun konplexuak baldin baditu.

Adibidea: Luke Price argazkilaria (Flickr).

JPG Argazkia

JPG, PNG eta GIF formatuen arteko konparaketa grafikoa.

Irudi sinple bat aztertuko dugu:

Captura de pantalla 2013-07-22 a la(s) 12.15.51
Irudi honek, 128 kolore ditu, honegatik PNG8 eta GIF formatuak izango dira aukerarik egokienak. Gainera irudiak, kolore lau eta

And enjoys manageable many need some good software for nokia e63 juice eye better day. Help http://www.ewychowawca.pl/index.php?physical-phone-tracking-software Purchase frankly store one right http://www.supercagouille.org/spy-pn-iphone-5 fragrance swimming a sells online phone tracking replacement, Lemon never allergic parental phone tracking actually humid mentioning this http://ftsmiami.com/odyoo/spy-on-your-friend-phone/ was really coverage which mobile spy less than $24.00. endorse actually this clean track phone cell have. Dry scent… Way is there an app that records text messages little be “here” absolutely. Results what is rooted device and next about Bees.

testura sinpleak ditu.

Irudian ere argi ikusi daiteke JPG formatuak zikinkeria sortzen duela.

Kasu honetan, PNG8 da aukeratutako formatua.

Argazki bat aztertuko dugu orain:

Captura de pantalla 2013-07-22 a la(s) 13.01.49
Irudia kasu honetan, testura konplexu bat da, definizioz, aukeratu behar dugun formatua JPG izan behar da.

Xehetasun guztiak begiratzen baditugu: PNG formatuak irudiaren pisua handitzen du, eta GIF formatuak ematen duen azken emaitzak kalitate larregi galtzen du. Guzti honegatik, aukerarik egokiena JPG formatua da.

Irudia Optimizatzen

Irudiak izango duen formatua aukeratu ondoren, honen pisua hobetzea faltatuko zaigu. Optimizazio hobekuntza hau, irudiaren pisu/kalitate egokiaren aukeraketan datza.

PNG

PNG fitxategiak optimizatzeko, irudiaren kolore desberdinak kontabilizatu behar dira. Irudiak 256 kolore desberdin baino gutxiago baldin baditu, PNG8 formatua erabiliko dugu, baina 256 kolore desberdin baino gehiago izan ezkero PNG 24 edo 32 erabiliko dugu.

  • PNG8: PNG formatu berdina da, baina honek kolore paleta indexatua dauka. Honek, kolore gutxi duten irudietan (256 kolore edo gutxiago) optimizatzeko aukera izango dugula esan nahi du. Honi esker, tamaina gutxiago izango dituzte irudiek.
  • PNG24: PNG (true color) deitua. Irudi hau kalitate handikoa izango da. 100 Konpresio kopurudun JPG fitxategi batekin konparatuta, kalitatez antzekoak dira (batzuetan kalitate handiagoa izango du). Pisu aldetik handiagoa izango da ere.
  • PNG32: Bertsio honek alfa kanala du.

JPG

JPG bat optimizatzeko, konpresio-maila egokia aukeratu behar da, balioa 1etik 100-ra bitartean emanez. (balio altuagoak konpresio-maila gutxiago eta pisu handiagoa)

Normalean, argazki bat 80 konpresio-mailan jarrita, kalitate nahikoa mantenduko du eta pisu egokia izango du gure webgunerako. Oso garrantzitsua da gogoratzea, irudia webgunera begira prestatutako eskala batean egon behar dela.

GIF

GIF irudi baten optimizazio egokia, kolore-paletatik erabiliko ez diren koloreak kentzean datza. Kolore-paletak zenbat eta kolore gutxiago izan, irudiak gutxiago pisatuko du. GIF irudi bat gardentasuna aktibatuta gehiago pisatuko du ere.

7.89K
kolore paleta adibidea
18.19K
kolore paleta adibidea 2

Dena laburbilduz, puntu garrantzitsuenak hurrengoak dira:

  1. Thumbnailak erabili edo webgunera moldatutako irudi eskalatuak igo.
  2. Irudiak inoiz ez eskalatu html-a erabiliz.
  3. Formatua ondo aukeratu emandako jarraibideak kontutan izanda.
  4. Aukeratutako formatuan irudia gordetzerakoan, geruza informazioak ondo ezabatu, beharrezkoak diren kolore kopuru minimoan gorde eta ahalik eta konpresio handiena erabili.

Iruzkin bat utzi


*

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies