online nástroje na úpravy a optimalizáciu obrázkov

Základné zásady pri nahrávaní obrázkov na web:

Dnešné fotoaparáty dokážu vygenerovať obrázky veľkých rozmerov a objemov, preto je potrebná pred nahraním na web ich úprava. Dôvody sú najmä rýchlosť načítania webu a tiež aj nároky na ukladací priestor.

základné pojmy:

  • fyzické rozmery – veľkosť obrázku v pixeloch
  • veľkosť obrázku – objem dát ktoré zaberá súbor
  • rozlíšenie – hodnota udávajúca počet pixlov v obrázku
  • typ súboru – najčastejšie používaný formát je jpg, pre ikony a grafické prvky tiež png a gif)
  • zmena rozmerov – úprava rozmerov obrázku v grafickom programe (pozor na zachovanie proporcionality)
  • optimalizácia – zmena objemu dát súboru pri zachovaní maximálnej možnej kvality

Príprava obrázkov pred nahrávaním na web:

  • obrázky upravte v grafickom editore na maximálnu šírku 1024 px (resp. 1280px)
  • názvy obrázkov premenujte na zmysluplné (pekna_kvetinova_zahrada namiesto DSCN3565656.jpg a pod)
  • nepoužívajte v názvoch súborov a adresárov diakritiku, medzery, výkričníky, čiarky a bodky a podobne!
  • optimalizujte veľkosť obrázku

Ukážka nesprávnych názvov súborov:

Ukážka nesprávneho vytvárania názvov súborov a adresárov s diakritikou

Ukážka nesprávneho vytvárania názvov súborov a adresárov s diakritikou

Programy pre úpravy obrázkov:

Jednoduchý grafický editor – Irfan View
http://www.irfanview.com/main_download_engl.htm

Optimalizácia veľkosti súborov – RIOT

Download

Online nástroje pre úpravy a optimalizovanie obrázkov

Zdroje:

https://codex.wordpress.org/Image_Size_and_Quality

https://om4.com.au/client/preparing-image-files-before-uploading-with-wordpress/

How To Optimize Images For Your WordPress Website

Themetify

http://www.1dogwoof.com/10-tips-best-image-size-blog/