Cum să optimizați imaginile pentru Web utilizând GIMP

Cum să optimizați imaginile pentru Web utilizând GIMP / Wordpress și dezvoltare web

Există două moduri de optimizare a imaginilor individuale în GIMP. Pentru a optimiza sau a converti mai multe imagini în Windows, probabil că sunteți mai bine să utilizați vizualizatorul de imagini ultra-rapid, IrfanView, IrfanView Lovituri Windows Viewer din apă IrfanView Lovituri Windows Viewer din apă Citiți mai multe care are o caracteristică de conversie batch excelentă, sau orice manipulatoare dedicate imaginii de masă, cum ar fi cele pe care le puteți găsi aici Top 3 Apps la redenumirea loturilor, conversia și redimensionarea fotografiilor (doar Windows) Top 3 Apps la redenumirea lotului, conversia și redimensionarea fotografiilor (numai Windows) utilizatori). Puteți să ignorați cu toții GIMP și să utilizați în schimb convertorii de loturi, dar prefer să monitorizez schimbările de calitate în imaginile pe care încerc să le optimizez. Unele imagini de la convertoarele batch pot deveni atât de granulate, deoarece nivelurile de optimizare pentru o imagine pot degrada într-o altă măsură un altul, pe care ar trebui să-l convertiți.

În orice caz, una dintre cele două căi necesită un plugin din registru, în timp ce celălalt este un pic mai manual, dar nu consumă prea mult timp. Deci, vom începe cu asta, astfel încât să puteți decide care dintre ele preferați.

Cu nici un plugin

Să presupunem că aveți un screenshot brut de la sursă. O mare parte din timp, captura de ecran rezultată poate deveni imensă în dimensiunea fișierului. Luați doar Windows Vista și 7's Snipping Tool. Creează capturi de ecran de înaltă calitate, dar nu optimizează în nici un caz când salvezi fișierul. Comparativ cu captura de ecran salvată cu utilitarul meu preferat de ecranare, FastStone Capture 5.3, fișierul Tool Snipping a fost aproape de 4 ori mai mare!

Deci, când obțineți un astfel de fișier de imagine, trageți-l din Windows Explorer în fereastra GIMP, mergeți la Imagine> Mod> indexat.

Puteți introduce o valoare în casetă pentru un număr maxim de culori sau puteți utiliza o paletă optimizată pe web, care va face ca imaginea dvs. să sufere o pierdere de calitate grea.

Puteți încerca întotdeauna celălalt mod folosind Ctrl + Z pentru a anula. Acum du-te la Fișier> Salvare ca.

Veți dori să denumiți fișierul dvs. cu PNG ca extensie de fișier deoarece este o captură de ecran. În următorul dialog, debifați Salvați rezoluția, salvați timpul de creare, la fel de bine ca comentarii, și apoi apăsați OK.

Rezultatele când am optimizat fișierul de 1.17MB au ajuns la 481KB, ceea ce nu este prea rău!

Alternativ, puteți salva imaginea ca fișier JPG.

Doar asigurați-vă că ați bifat caseta “Afișați fereastra Previzualizare în imagine“, deoarece va afișa dimensiunea potențială a fișierului în același dialog, în timp ce încă puteți monitoriza calitatea imaginii.

În acest caz, fișierul rezultat sa dovedit a fi de 458KB, care este încă mai mic decât cel original.

Cu Plugin

Salvare pentru Web este un plugin din registru care va crea o opțiune de optimizare a imaginii pentru utilizare web în meniul Fișier. Descărcați fie fișierul zip sau fișierul tarball de pe site. Aveți nevoie de fișierul exe în conținutul fișierului zip în dosarul plugin-urilor GIMP. Dacă nu știți unde este dosarul pluginurilor, puteți găsi locația prin accesarea Editați> Preferințe în GIMP.

Extindeți acum Dosare opțiune și evidențiere Plug-in-uri.

Acesta este dosarul pe care doriți să îl copiați la fișierul exe (webexport.exe).

Acum reporniți GIMP (nu uitați să salvați lucrarea) și veți observa noua opțiune din meniul Fișier.

Când aveți un fișier enorm, puteți utiliza această opțiune pentru a previzualiza dimensiunea fișierului în funcție de tipul de fișier care vă interesează să salvați.

Aveți posibilitatea să previzualizați deja dimensiunea fișierului nativ în GIMP atunci când se ocupă cu fișiere JPG, dar acest plugin vă oferă aceeași opțiune pentru fișierele PNG, care sunt cel mai probabil ceea ce doriți pentru capturile de ecran. Folosind acest plugin, am reușit să obțin un fișier PNG de 186KB cu 8 biți per pixel, ceea ce este excelent în comparație cu fișierul 400+ KB (24 biți) care nu utilizează pluginuri ca mai sus. Calitatea era practic la fel, în măsura în care puteam spune.

Nu am încercat acest lucru, dar aparent există un alt plugin, RIOT (Radical Image Optimization Tool), pe care IrfanView îl folosește pentru optimizarea imaginilor.

Ce folosiți pentru a optimiza capturile de ecran?

Image credit: echipa de oxigen, eponas-deewey

Explorați mai multe despre: GIMP, Editor de imagini, Instrumente pentru webmasteri.