Ako sa všeličo na stránke robí

Emoji - ako sú použité

🎨 O čom to je, Témy, Obsah

🪷 Pre koho je tento priestor

✨ Čo si odnesieš, Čo získate

🕊️ Ako to prebieha

ℹ️ Organizačné info

🌱 Cena

ďalšie doporučené: 🆓 🆕 🆗 ☑️ ➡️ ☘️ 🌸 🌼 ☀️ 📎 🫧 ☕ 🪶 🪄❣️ 🧘‍♀️ 📍

🆓 🆕 🆗 ☑️ ➡️ ☘️ 🌸 🌼 ☀️ 📎 🫧 ☕ 🪶 🪄❣️ 🧘‍♀️ 📍


Obrázky - formát JPG

Typy obrázkov

  • TITULKA - na šírku celej obrazovky
    šírka 2000px
  • ILUSTRAČNÉ FOTO (blog, text a pod.) - cca pol šírky obrazovky
    šírka 800px
  • HLAVNÉ FOTO WORKSHOPU
    rozmer 800 x 800px

🔷 Veľmi dôležité - obrázky musia byť pre každý účel vhodne veľké a optimalizované
(čo do veľkosti súboru). Ak sa dodržia veľkosti, bude to vyzerať dobre.

Ako pripraviť a optimalizovať obrázok

Na začiatku máme obrázok vo vhodnom rozlíšení pre potrebný účel (ak potrebujem titulku, šírka aspoň 2000px, ak mi treba obrázok produktu - širka aspoň 500 px).

Ak potrebujeme viac typov z jedného obrázka, budeme ich vytvárať samostatne.

  1. Získame formát JPG - ak treba použijeme convertor formátov https://cloudconvert.com/webp-to-jpg download, uložiť
  2. Zmenšíme si obrázok na potrebnú šírku - napríklad program Paint pod Windows, uložiť
  3. Ak potrebujeme štvorec, použijeme na orez program https://croppola.com/ download, uložiť
  4. Zoptimalizujeme obrázok - zmenší jeho veľkosť - cez program https://tinyjpg.com/ download, uložiť
  5. Premenujeme obrázok, aby potešil SEO, napr.
    tanec-zena-empatia-workshop.jpg
    mediacia-riesenie-konfliktov-komunikacia-dohoda.jpg
  6. Až teraz natiahneme finálny obrázok do webnode editora.
    Ak sme predtým použili pôvodný obrázok skusmo - že ako to bude vyzerať - vymažeme ho a nahodíme upravený, všetko je ok