0 Kč s DPH

Obrázky v inPage - velikost a použití s WYSIWYG editorem

Umíte správně používat různé velikosti obrázků? Cílem tohoto návodu je ukázat vám, jak použít obrázek té správné velikosti a zmenšit tak velikost stahovaných dat při prohlížení vašeho webu. Možná ani netušíte, že inPage podporuje různé velikosti nahraných obrázků. V tomto návodu si je ukážeme.

Velikosti obrázků nahraných do inPage

S WYSIWYG editorem snadno vložíte různé velikosti obrázků. Každý obrázek, který nahrajete do administrace stránek inPage, se totiž uloží ve 4 různých velikostech:

1 – max. 75x75 px

Náhled galerií a produktů o maximálním rozměru delší strany 75 px.

2 – max. 520x520 px

Maximální šířka nebo výška 520 px, používáme např. zde na blogu.

3 – originální velikost obrázku

Zmenšeno na 100% šířky stránky pomocí zápisu CSS max-width: 100%;

4 – max. 180x180 px

Použito pro náhledy e-shopu a náhledy galeriií.

Správná URL adresa obrázku - klíč k úspěchu

Návod jak pracovat s obrázky a fotogaleriemi jsme vám přinesli už v minulosti.

V inPage má vždycky originální obrázek relativní adresu „/obrazek/3/nazev-obrazku-jpg/“.

Nezáleží, do jaké fotogalerie obrázek nahrejete. Pro nás je v URL adrese důležité hlavně číslo (červeně), které znamená načtenou velikost obrázku. Pro načtení zvolené velikosti obrázku stačí jen úvést správné číslo v adrese.

Můžete tak značně snížit celkovou velikost vašich stránek, což ocení zejména uživatelé mobilních zařízení.

Ale pozor! Pro takto vkládané obrázky je třeba dodržet číselné řazení viz výše. Obrázky nejsou řazeny dle velikosti!

A co s WYSIWYG editorem?

S WYSIWYG editorem je vkládání obrázků ještě snažší. Můžete totiž vložit požadovanou velikost přímo z průzkumníka obrázků tak, jak je ukázáno níže. Po najetí na miniaturu se zobrazí informace o velikosti vkládaného obrázku. 

Jak vložit obrázek s WYSIWYG editorem

Tým inPage
inpage(zav)zoner.cz

Přidat komentář

Přehled komentářů

  • Komentář @ "To se mi LÍBÍ"*

    4.10.2014 9:31:21 | Standa Bartek

    Zpráva je JASNÁ*Vše se výtečně PODAŘILO!!

    Odpovědět

  • RE: text u obrázku

    14.5.2014 10:23:18 | Vladimír Souš

    Dobrý den Pepo,
    nejprve umístěte obrázek před text do samostatného odstavce, označte obrázek a klikněte na zarovnat vpravo nebo vlevo. Text za obrázkem jej bude obtékat.

    Odpovědět

  • text u obrázku

    14.5.2014 8:12:15 | pepa

    Jak nastavím obtékání textu u obrázku?

    Odpovědět

inPage - webové stránky, doménawebhosting snadno.