Přejít k navigační liště

Zdroják » Zprávičky » Lepší zmenšování obrázků v Internet Exploreru

Lepší zmenšování obrázků v Internet Exploreru

Zprávičky ‐ ‐ Webdesign ‐

Pokud zobrazujete ve webovém prohlížeči obrázek v jiných než jeho nativních rozměrech, nemusí být výsledek právě ideální. Je proto lepší, pokud si obrázek na požadovanou velikost upravíte sami. Někdy to ovšem není možné. Vývojáři Flickeru takovou situaci řešili a použili mj. trik -ms-interpolation-mode:bicubic;, který v Internet Exploreru 7 a výše zajistí výrazně lepší zobrazení zmenšeného obrázku. Vlastnost -ms-interpolation-mode používá tzv. vendor prefix ( -ms-), který zajistí, že ačkoliv se jedná o vlastnost specifickou pro Internet Explorer, výsledek je validní (byť si současná verze validátoru CSS myslí něco jiného).

Pokud tedy z nějakých důvodů potřebujete zobrazovat zmenšené obrázky, nic vám nebrání uvedené řešení použít. Univerzální řešení pro všechny prohlížeče totiž neexistuje (v ostatních prohlížečích by šlo pro změnu použít zmenšení obrázků pomocí JavaScriptu a canvasu).

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.