Minimalizace obrázku a formáty nové generace

adioverride
Člen | 26
+
0
-

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
+
+1
-

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.

  1. Mam web contributte.org a obrazky se mi nahravaji do slozky {project}/www/uploads, je viditelna skrze contributte.org/uploads.
  2. Zaregistruju se do imagekit.io a oni mi prideli unikatni URL, napr. https://ik.imagekit.io/felix.
  3. Ve sluzbe imagekit.io si pridam novy origin a vyberu typ Web Folder, jako URL tam vlozim contributte.org/uploads.
  4. 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.
  5. Nahraju obrazek nette.png do sve aplikace a vyzkousim, ze imagekit.io ho umi servirovat, https://ik.imagekit.io/felix/contributte/nette.png.
  6. V latte si pak udelam promennou, tag nebo filtr, co mi vyhovuje nejvic. Ktery udela z nette.png prave https://ik.imagekit.io/felix/contributte/nette.png.
galab
Backer | 74
+
0
-

Webp je super. Jen pozor na safari – ať už desktop nebo mobilní. A příjemná služba je i https://github.com/…ge-optimizer