Minimalizace obrázku a formáty nové generace
- adioverride
- Člen | 26
Ahoj,
řeším rychlost webu v https://developers.google.com/…ed/insights/
a jeden z problému co mi insights vypisuje je
„Zobrazujte obrázky ve formátech nové generace“. Obrázky na webu
minimalizuji přes knihovnu MichaelPavlista/nette-palette.
Chtěl jsem se zeptat, neřešil jste někdo minimalizaci obrázku pomocí například Palette knihovny, ale aby se výsledný soubor uložil do webp?
Popř. jak řešíte minimalizaci obrázků vy?
Díky,
A.
- Felix
- Nette Core | 1199
Ahoj, v posledni dobe ukladam obrazky na disk bez upravy, v libovolnem formatu co uzivatel chce. Mam nastavenou sluzbu imagekit.io, ktera to dokaze servirovat podle zarizeni v nejlepsim formatu. V aplikaci jen upravim cesty, aby pouzivaly imagekit.io a je hotovo.
Zkusim popsat na prikladu i pro ostatni.
- Mam web contributte.org a obrazky se mi nahravaji do slozky
{project}/www/uploads
, je viditelna skrzecontributte.org/uploads
. - Zaregistruju se do imagekit.io a oni mi prideli unikatni URL, napr.
https://ik.imagekit.io/felix
. - Ve sluzbe imagekit.io si pridam novy origin a vyberu typ
Web Folder, jako URL tam vlozim
contributte.org/uploads
. - Ve sluzbe imagekit.io si pridam novy endpoint napr.
contributte a vyberu muj predchozi origin. Vysledna URL bude
napr.
https://ik.imagekit.io/felix/contributte
. - Nahraju obrazek
nette.png
do sve aplikace a vyzkousim, ze imagekit.io ho umi servirovat,https://ik.imagekit.io/felix/contributte/nette.png
. - V latte si pak udelam promennou, tag nebo filtr, co mi vyhovuje nejvic.
Ktery udela z
nette.png
pravehttps://ik.imagekit.io/felix/contributte/nette.png
.
- galab
- Backer | 74
Webp je super. Jen pozor na safari – ať už desktop nebo mobilní. A příjemná služba je i https://github.com/…ge-optimizer