Ať už máte za cíl rychlejší načítání stránek nebo třeba jen zpřehlednění obsahu při zobrazení v mobilu, skrytí obrázku může být jednoduchým řešením.

U webu Rozbor-dila.cz po letech připravuji novou grafiku s cílem modernějšího vzhledu, ale především rychlejšího načítání stránek. Protože se jedná o web na WordPressu, lze v něm velmi snadno skrýt libovolný obrázek v mobilním zobrazení. Právě v mobilu totiž často nemusí být datové připojení nejrychlejší, proto se hodí redukce velikosti o každý kilobajt.

Každý nahraný soubor do knihovny médií má své číselné označení, kterého lze využít v následujícím kódu. Ten stačí jen vložit do CSS:

@media (max-width: 480px) {
.wp-image-104 {display:none;}
}

Číslo obrázku snadno zjistíte při přepnutí do náhledu na HTLM, bude ve tvaru wp-image-XXXX.