Chcete na web vo Webnode vložiť GIF obrázok?

Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok.
Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku.
Získanú URL adresu vložíte do kódu a HTML kód vložíte na Váš web vo Webnode pomocou tlačítka „+“ a „HTML„.
Návod na vloženie .GIF obrázku na web vo Webnode
- Nahrajte .GIF obrázok na externú službu, skopírujte si URL adresu obrázku a vložte ju do kódu namiesto URL-OBRAZKU. *Ak obrázok nahráte na iný server, uistite sa, že máte URL adresu s koncovkou obrázkou (.gif).
2. V kóde môžete upraviť hodnotu max-width na požadovanú veľkosť obrázku. V kóde je veľkosť obrázku nastavená na 100%. *Zmenou napr. na 50% môžete obrázok zmenšiť o polovicu.
3. Kód vložte na Vaše webové stránky pomocou tlačítka „+“ a „HTML„. (kód vložíte na miesto kde chcete gif obrázok zobraziť)
Potrebný kód k vloženiu GIF obrázku je:
<img style="max-width: 100%; height: auto;" src="URL-PICTURE" /> |

Výborne – Po vložení kódu sa obrázok bude zobrazovať v publikovanej verzii Vášho webu.

Ďalšie skvelé návody
Nákupný proces s Webnode e-shopom
Nákupný proces a Webnode e-shop Čo je to nákupný proces? Čo všetko je možné nastaviť pre nákupný proces vo Webnode e-shope? NÁVOD: Ako nastaviť nákupný proces pre Webnode e-shop? Pár slov na záver Nákupný proces – Časté otázky (FAQ) Nákupný proces a Webnode...
Ako vytvoriť webové stránky pre chovateľskú stanicu?
Tvorba webových stránok pre chovateľskú stanicu Vlastný web pre chovateľskú stanicu - výhody Čo patrí na web pre chovateľskú stanicu? Koľko stoja webové stránky pre chovateľskú stanicu? Webnode šablóny pre chovateľský web NÁVOD: Ako vytvoriť webové stránky pre...
Ako prepojiť sociálne siete s webovými stránkami vo Webnode?
Sociálne siete a Webnode Social Feed widget - zdarma VS premium Social Feed widget - vyberte si ten správny typ NÁVOD: Ako prepojiť obsah sociálnych sietí s webom vo Webnode? Social Feed widget - ukážka Pár slov na záver Social Feed widget - Časté otázky (FAQ)Sociálne...
Ako prepojiť www stránky so sociálnou sieťou Instagram?
Instagram a Webnode Instagram Feed widget - zdarma VS premium Instagram Feed widget - vyberte si ten správny typ NÁVOD: Ako prepojiť Instagram s webom vo Webnode? Instagram Feed widget - ukážka Pár slov na záver Instagram Feed widget - Časté otázky (FAQ)Instagram a...
Tvorba webu vo Webnode s pomocou umelej inteligencie (AI).
Webové stránky s Webnode a umelou inteligenciou (AI) Výhody tvorby webu pomocou použitia umelej inteligencie NÁVOD: Ako vytvoriť web vo Webnode pomocou umelej inteligencie? Migrácia webovej stránky k Webnode pomocou AI Užívateľské skúsenosti s tvorbou webu pomocou AI...
Google Business Sites končia. Webnode je rýchla a jednoduchá alternatíva!
Google Business Sites končia Google Business Sites - alternatívy Webnode ako alternatíva k Google Business Sites Webnode AI migration tool Pár slov na záver Webnode ako alternatíva k Google Business Sites - Časté otázky (FAQ)Google Business Sites končiaAk ste sa...
Ako pridať recenzie z Facebook na web vo Webnode?
Facebook Recenzie vo Webnode Facebook Recenzie - zdarma VS premium Facebook Recenzie - vyberte si ten správny typ Facebook Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Facebook na web vo Webnode? Pár slov na záver Facebook Recenzie HTML Widget -...
Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA!
Vyskakovacie (pop-up) okno vo Webnode Vyskakovacie (pop-up) okno – zdarma VS premium Vyskakovacie (pop-up) okno - vyberte si ten správny typ Vyskakovacie okno (pop-up) a Webnode e-shop/web Vyskakovacie okno (pop-up) – mobil/tablet NÁVOD: Ako pridať vyskakovacie okno...
Ako pridať recenzie z Google na web vo Webnode?
Google Recenzie vo Webnode Google Recenzie - zdarma VS premium Google Recenzie - vyberte si ten správny typ Google Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Google na web vo Webnode? Pár slov na záver Google Recenzie HTML Widget - Časté otázky...
Pomohol ti tento návod? Pošli ho priateľom 🙂
- Ako vytvoriť webové stránky pre prenájom karavanu? - 7.4.2025
- Webnode Recenzia - 1.1.2025
- Ako prepojiť www stránky so sociálnou sieťou Instagram? - 29.4.2024
Použil jsem váš návod na přidání obrázku GIF na Webnode, ale nezobrazil se mi. Místo URL-OBRAZKU jsem vložil adresu .gif vytvořenou na https://pictr.com/. Kde jsem mohl udělat chybu?
Děkuji
Jiří
Dobrý deň,
Uistite sa, že URL adresu obrázku máte s koncovou napr. xxx.com/muj-obrazek.jpg .
URL adresu s koncovkou vložte do kódu a kód vložte na web.
S pozdravom
Viliam
ako sa na webe pictr.com zaregistrujem? neviem najst tuto moznost
Ahoj Lucia,
Na webe pictr.com sa registrovať pravdepodobne už nedá, tak stačí keď použiješ inú externú službu pre nahranie obrázkov ako napr. https://imgur.com/upload alebo https://gifyu.com/?lang=sk
Dúfam, že sa Ti to podarí 🙂
Prajem pekný deň.
ahoj
chcem sa spýtať je možné spustiť gif po odoslaní napr. formulára
ďakujem za čas a odpoveď 🙂
Dobrý deň, pán Jaroslav,
ďakujem za zastavenie na mojom webe 🙂
Áno – dá sa to 🙂 Po kliknutí na formulár môžete nastaviť „Akciu po odoslaní“ – nastavíte, aby po odoslaní formuláru presmerovalo návštevníka na konkrétnu stránku. Túto stránku si musíte najprv vytvoriť a môžete ju nazvať napr. Ďakujeme a pod.
Na stránku „Ďakujeme“ vložíte následne HTML kód s Vašim GIF obrázkom a máte HOTOVO 🙂
Mrknite na článok, kde popisujem nastavenie akcie po odoslaní formuláru: https://www.wpromotions.eu/ako-pridat-konverzny-kod-vo-webnode/
TIP: Na túto ďakovaciu stránku si môžete pridať môj kód pre padajúce konfety. Po odoslaní formuláru sa Váš návštevník dostane na túto ďakovaciu stránku, kde sa mu automaticky spustia konfety a prípadne nejaké GIFko 🙂
Padajúce konfety nájdete tu: https://www.wpromotions.eu/ako-na-web-pridat-padajuce-konfety/
S pozdravom
Viliam