Zmenšovanie obrázkov na web


Načítava sa vám stránka dlhšie ako ostatné?

Určite ani vy nemáte radi, keď dlho čakáte na načítanie stránky. Ak je doba načítania stránky príliš dlhá, ľudia majú tendenciu stránku opustiť a vaša šanca zaujať ich mizne.

Kde je problém? Máte príliš veľké obrázky!

Riešenie: Zmenšenie, orezanie či zníženie kvality.


  1. Rozdelenie do zložiek
    Správne usporiadanie fotiek, textov a iných súborov vám značne urýchli prácu s vašou stránkou.

    Príklad správneho usporiadania obsahu, ktorý chcete publikovať na webe.

    Je dôležité, aby ste mali oddelené fotky, ktoré chcete zmenšovať či orezávať od ich originálnych kópií, aby sa vám nestalo, že si upravíte originál. Z veľkej fotky spravíte malú ľahko, no naopak to už možné nie je.
    Rovnako by ste mali postupovať v administrácií liowebu pri vkladaní fotiek do obsahu.
    - Kliknite pravým tlačidlom myšky na ikonku zložky
    - Vybrerte nový adresár
    - Pomenujte ho.

    Príklad správneho vytvárania zložiek v administrácií.

    Zložky v adresári ukladajte bez diakritiky.
  2. Zmenšovanie a oriezanie
    Budete potrebovať program na úpravu fotografií.

    Ak máte vo svojom počítači balíček Offfice od Microsoftu, jeho súčasťou je Microsoft Office Picture Manager.

    • Zmenšovanie obrázkov (napr. keď chcete vložiť obrázok k textu)
      1. Vyberte si obrázok, ktorý potrebujete zmenšiť.

        Ak nad obrázkom podržíte kurzor myšky, uvidíte jeho rozmery (šírka a výška v pixeloch) a jeho veľkosť (množstvo pamäte, ktorú zaberá).

      2. Otvorte si ho v Picture Manageri.
        - Kliknite na Upraviť obrázky...

      3. Z menu si vyberte Zmeniť veľkosť

      4. Vyberte možnosť Vlastná šírka a výška a zmeňte prvú hodnotu na nový rozmer. V súhrne si všimnite, že druhý rozmer (výška) sa automaticky zmenšil sám.

        960 px je maximálna šírka obsahu. Väčšie obrázky sú na webe zbytočné a iba predlžujú čas načítania stránky. Ak máte na podstránkach bočné menu, maximálna šírka, na ktorú treba obrázky zmenšiť je 700 px.

      5. Kliknite na OK a obrázok sa zmenší. Nezabudnite si obrázok uložiť (ideálne nazvaný rovnako ako originál s pridanou koncovkou: _maly  alebo _zmenseny).

    • Oriezanie obrázka (napr. pre slajder na úvode)
      1. Vyberte si obrázok, ktorý chcete orezať.
      2. Otvorte si ho v Picture Manageri.
        - Kliknite na Upraviť obrázky...

      3. Z menu si vyberte Orezať

      4. Myškou uchopte jeden z ovládacích prvkov a ťahaním vyberte výsek obrázka, ktorý chcete zachovať.

        - Môžete si tiež vybrať presné hodnoty orezania z každej strany.

        Obrázok v slajderi by mal mať tieto rozmery: šírka 960 px, výška 290 px. Pre tzv. fullscreen slajder (od kraja ku kraju obrazovky) sú to rozmery: šírka 1500 px - 1920 px, výška 450 px.

      5. Kliknite na OK. Nezabudnite si obrázok uložiť (ideálne nazvaný rovnako ako originál s pridanou koncovkou: _slajder01  alebo _orez).

    Picture Manager je užitočný hlavne pre svoju jednoduchosť. Nehodí sa však na zmenšovanie veľkého množstva fotografií.

    Čo ak chcem na webe VEĽKÉ množstvo obrázkov?

    Pre zjednodušenie vkladania veľkého množstva obrázkov použite galériu.

    Kliknite na kartu Obrázky v Upraviť podstránku. Stačí kliknúť na zelené plus a vybrať si obrázky z počítača.

    Výsledok: Pod obsahom stránky sa vám zobrazia náhľady obrázkov (fotogaléria), na ktoré si môžete kliknúť a obrázok zväčšiť. Obrázok môže mať aj stručný popis.

    Ak obrázok chcete vymazať, kliknite na X v ľavom hornom roku.

    Obrázky v galérii alebo v novinkách si zmenšovať nemusíte. Systém si ich zmenší automaticky a spraví malý náhľadový obrázok. Aj tak však neodporúčame, aby ste nahrávali obrázky väčšie ako 2000 px na šírku, resp. väčšie ako 500 - 700 kB.


    Ďalšie programy zadarmo, ktoré môžete použiť: InfranView , Gimp , Picasa Photo Viewer.

    Iné užitočné návody
    Ako vložiť obrázky na lioweb
    Dávkové (hromadné) zmenšovanie obrázkov



Späť na návod

Potrebujem poradiť





Telefón:

042 4324 221

Mobil:

0948 465 007

Email:

lemonlion@lemonlion.sk
Nahrávam..