0 Kč s DPH
  • WYSIWYG verze 4.0
    • Návod je vytvořen ve WYSIWYG editoru verze 4.0 Více »

Obrázky v inPage - velikost a použití nejen s novým 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 novým WYSIWYG editorem, který jsme uvedli v Novince - zima 2014, přichází i možnost snadněji používat 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í u novějších šablon ERIS a SIRIUS

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

Návod jak správně nahrát obrázky do administrace 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í.

A co s novým WYSIWYG editorem?

Pro uživatele, kteří už používají novou verzi WYSIWYG editoru, 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.

Ale pozor! Nový WYSIWYG editor už má seřazeny obrázky správně podle velikostí takže 1, 4, 2, 3!

Jak vložit obrázek s novým WYSIWYG editorem

Verzi WYSIWYG editoru nastavíte v administraci inPage v sekci Nastavení → Základní → Nastavení prostředí. Můžete si vybrat tedy mezi starou verzí 3.5 a novou verzí 4.0.

Chci větší náhledy fotogalerií nebo produktů

Ve starých šablonách se náhledy fotogalerií zobrazují velikostí č. 1, tedy maximálně 75x75 px. V nových šablonách ERIS a SIRIUS se zobrazují velikosti č. 4, ale jsou zmenšené pomocí CSS na max. 120px u ERIS, na 117px u SIRIUS.

Pomocí vlastního CSS stylu lze výchozí hodnoty přepsat a náhledy zvětšit až do maximální velikosti 180x180 px bez ztráty kvality (ostrosti), podobně jako to má proveden web www.romantikavenkova.cz.

Podrobné návody, jak pomocí vlastního CSS stylu zvětšit velikost náhledů, budou zveřejněny v jednotlivých rubrikách každé šablony ERIS a SIRIUS.

Uvedený web www.romantikavenkova.cz byl realizován v rámci balíčku E-SHOP.

 

Vladimír Souš
admin(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.cz - webové stránky, doména a webhosting snadno.