Twitter RSS

PNG ca format de imagine nu mai este o noutate. A aparut in 1996 si de atunci este folosit peste tot, devenind incet incet formatul preferat de multe persoane. In ceea ce ne priveste, PNG a devenit un format foarte des utilizat in paginile web motiv pentru care webmasterii au cautat metode de a optimiza cat se poate imaginea rezultata.

Cel mai simplu mod de a optimiza un fisier PNG este utilizarea comenzii convert din pachetul ImageMagick. De exemplu, daca avem o imagine PNG pe un site si dorim sa o optimizam putem folosi comanda convert pentru a-i reduce numarul de culori:

[lamp@lamp ~]$ convert -quality 0 +dither -colors 256 original.png convertit.png

Comanda de mai sus va transforma imaginea scoasa de aplicatia de prelucrare dintr-o imagine pe 16/24/32 de biti intr-una indexata pe 256 de culori astfel scazand drastic marimea fisierului. E un truc util cand avem de-a face cu imagini simple, fara efecte complexe – ex. butoane, linii de design etc.

Folosind comanda convert putem transforma radical o imagine. Putem schimba numarul de culori, corectarea erorilor, nivelul si tipul compresiei etc. Dezavantajul comenzii este ca poate ridica probleme incepatorilor sau celor care nu au de-a face cu procesarea de imagini decat ocazional.

Pentru cei care nu au cunostinte deosebite se poate folosi un alt utilitar, pngcrush, care va face o serie de optimizari si va decide singur care algoritm de optimizare si care compresie e cea mai potrivita pentru cazul nostru. De obicei procesarea cu pngcrush este ceva mai lenta, putand ajunge la cateva zeci de secunde, dar rezultatul merita.

Un exemplu de utilizare ar fi urmatorul:

[lamp@lamp ~]$ pngcrush -brute -reduce original.png optimizat.png

In cazul de fata parametrul -brute va determina pngcrush sa caute cea mai buna metoda de optimizare a imaginii. Utilitarul cunoaste peste 100 de optimizari, deci va avea de unde sa aleaga. Folosind -reduce ii spunem utilitarului ca dorim ca imaginea finala sa fie indexata pe un numar fix de culori, iar pngcrush va gasi numarul potrivit de culori pentru ca imaginea sa nu piarda din calitate dar in acelasi timp sa scada marimea fisierului.

Popularity: 2% [?]

Comentarii pentru “Optimizarea imaginilor PNG”

  • misto, o sa incerc si eu comanda de optimizare png

  • miniclip spune:

    Salut! Sincer de cand ma chinui sa aflu pe toate blogurile am tot citit dar nimic.
    In sfarsit ceva bun
    MS ! Bye bye

  • Filme online spune:

    Asta chiar e buna si folositoare, mai ales la unele site-uri ce sunt bogate in imagini.
    La cat mai multe articole de acest gen :)

  • Sergiu Tot spune:

    Merci de apreciere!

    Pe mine m-a ajutat sa reduc considerabil traficul pe unele siteuri. Am salvat pe un site ~150KB pe pagina, ceea ce pe un site cu trafic mare inseamna mult. La asta am adaugat un cache pentru browser si era de nerecunoscut siteul dupa viteza care o avea :D

  • Eu convertesc fiecare poza cu photoshop(save for web ..), varianta propusa de tine inca n-am incercat-o, insa o sa incerc cum fac urmatorul articol la mine pe blog si o sa incerc sa vad care sunt diferentele si daca se pierde foarte mult din calitatea pozei.

Ai intrebari?

* Te rog sa postezi pe NetHelp orice intrebare care nu are legatura cu articolul.

Retele sociale
Reclamã
Sharing makes you cool!
Categorii
Apache
Articole si tutoriale legate de serverul web Apache.
/articole-tutoriale-apache/

cPanel
Articole si tutoriale legate de utilizarea si administrarea sistemului de gestiune a serverelor de hosting, cPanel.
/articole-tutoriale-cpanel-whm/

DNS
Vezi toate articolele din categoria DNS
/dns-bind-domain-name-services/

Linux
Articole si tutoriale legate de Linux, sisteme BSD sau alte sisteme de operare din familia UNIX.
/articole-tutoriale-linux/

Mail
Vezi toate articolele din categoria Mail
/mail/

MySQL
Articole si tutoriale despre serverul de baze de date MySQL.
/articole-tutoriale-optimizare-mysql/

Perl
Vezi toate articolele din categoria Perl
/perl-practical-extraction-and-report-language/

PHP
Vezi toate articolele din categoria PHP
/php-language-hypertext-preprocessor/

Retele
Tutoriale despre retele de calculatoare, configurarea interfetelor de retea si rutarea IP-urilor.
/retele-networking/

Virtualizare
Articole si tutoriale despre virtualizare si sistemel virtuale create cu Xen sau OpenVZ.
/virtualizare-xen-openvz/

Web hosting
Articole despre serviciile de gazduire web, dedicate sau in regim shared.
/web-hosting/

Webmin / Virtualmin
Articole si tutoriale legate de sistemul de gestiune gratuit Webmin sau modulul Virtualmin.
/webmin-virtualmin/





Newsletter
LAMP Recomandã
NetHelp
SRV.ro
cpadmin.ro
ABCDomenii