Proměnné a integrace

Logo webu, favicona a obrázek pro sdílení: kde je nahrát

Jak nahrát logo webu, jeho čtvercovou a světlou verzi, faviconu, ikonu pro iPhone a výchozí obrázek pro sdílení na sociálních sítích. Plus doporučené rozměry.

1579.png

Logo, ikonku webu v záložce prohlížeče a obrázek pro sdílení nahráváte na jednom místě. Je to záložka Logo v Proměnných webu. Co nenahrajete, web nahradí zástupným obrázkem. U log je to celý název webu, u ikon první dvě písmena.

Kde nastavení loga najdete

  1. Vpravo nahoře klikněte na Konfigurace webu.
  2. Vyberte Proměnné webu.
  3. Klikněte na záložku Logo.

Rychlejší cesta vede přes kontrolní seznam na nástěnce. Tlačítko Nastavit u položek Logo webu, Favicona a Výchozí obrázek pro sdílení vás pošle rovnou na záložku Logo.

  1. Klikněte na čárkovaný rámeček u loga nebo ikony, kterou chcete nahrát. Soubor můžete na rámeček také přetáhnout myší.
  2. Vyberte soubor v počítači. Pod rámečkem se objeví hláška Nahráno s připomínkou, že máte uložit.
  3. Úplně dole klikněte na Uložit.

Obrázek, který už máte v Médiích, vyberete odkazem Vybrat z knihovny. Odkaz Odebrat obrázek zruší. I po výběru a odebrání musíte kliknout na Uložit.

Rámeček se štítkem placeholder znamená, že obrázek chybí. Náhled ukazuje přesně to, co teď vidí návštěvníci.

Loga webu

Skupina Loga webu s náhledy horizontálního, čtvercového a inverzního loga a výběrem Kterou variantu loga web používá
Loga webu. Inverzní logo má tmavý podklad, aby bylo vidět.
  • Horizontální logo: hlavní logo na šířku do hlavičky a patičky webu. Doporučená výška je asi 80 pixelů.
  • Čtvercové logo: značka ve čtverci bez sloganu. Používá se tam, kde je málo místa, a pro vyhledávače. Doporučený rozměr je 512 × 512 pixelů.
  • Inverzní logo: světlá verze loga na tmavé pozadí, například do tmavé patičky.

Nejlépe fungují soubory SVG nebo PNG s průhledným pozadím.

Pole Kterou variantu loga web používá určuje, které logo se ukáže v sekcích webu, například v hlavičce. Volba Automaticky použije logo na šířku. Když ho nemáte, použije čtvercové. Změna platí na celém webu najednou.

Favicona, ikona pro iPhone a obrázek pro sdílení

Skupina Ikony webu s náhledy Favicon, Apple touch ikona a Výchozí sdílecí obrázek
Ikony webu a výchozí obrázek pro sdílení.
  • Favicon: malá ikonka v záložce prohlížeče a u výsledků hledání na mobilu. Doporučený je soubor PNG nebo ICO o rozměru 32 × 32 pixelů, případně SVG.
  • Apple touch ikona: ikona, kterou uvidí lidé s iPhonem nebo iPadem, když si web přidají na plochu. Doporučený je soubor PNG 180 × 180 pixelů bez průhledného pozadí.
  • Výchozí sdílecí obrázek: obrázek, který se ukáže, když někdo sdílí odkaz na Facebooku nebo v chatu a stránka nemá vlastní obrázek. Doporučený rozměr je 1200 × 630 pixelů.

PWA: jen pro weby, které fungují jako aplikace

Skupina PWA obsahuje dvě ikony a Barvu motivu. Slouží webům, které si lidé mohou nainstalovat do telefonu jako aplikaci. Pokud to váš web neumí, nevyplňujte je. Nikde se nepoužijí.

Ikona neznámého autora

Skupina Autoři obsahuje Ikonu neznámého autora. Ukáže se u článků, které nemají přiřazeného autora, typicky u článků podepsaných jako redakce. Doporučený rozměr je 312 × 312 pixelů.

Autor, který má účet, ale nemá nahranou fotku, tuto ikonu nedostane. Web mu místo fotky ukáže jeho iniciály.

Logo jste nahráli, ale na webu se nezměnilo

  • Zkontrolujte, že jste po nahrání klikli na Uložit dole na stránce.
  • Obnovte web klávesou F5. Faviconu si prohlížeč pamatuje déle. Někdy se změní až po zavření a otevření prohlížeče.
  • Zkontrolujte pole Kterou variantu loga web používá.
  • Některé šablony mají logo vložené přímo ve vzhledu. Pak se musí změnit tam.

Další čtení

Mohlo by vás zajímat

Postavte web, který se dobře indexuje

Čisté HTML, serverový rendering a plná kontrola nad meta daty. Vyzkoušejte Mini-web zdarma.

Vyzkoušet zdarma Zpět na proměnné a integrace