Jak je aktuálně nejideálnější formát pro bannery? Komprese/Kvalita

Zdravím, řeším tady komplikaci. Můj cíl je mít co nejostřejší bannery s co nejmenší velikostí z důvodu načítání webu. Příklad. Tento banner má rozměr přesně 920x440px, formát png. Pracuji tak, že udělám Canva banner (Photoshop pro m1 je aktuálně horror) a uložím ho jako png. Bohužel co jsem si všiml, tak to rovnou projde kompresí. Poté používám tinypng pro zmenšení velikosti. Výsledek je následující, rozmazaný. https://cdn.myshoptet.com/usr/www.grow.cz/user/banners/kopie_n__vrhu_kopie_n__vrhu_kopie_n__vrhu_kopie_n__vrhu_banner_lumatek-7-2.png?60c0de0a tento banner jsem zvětšil 2x a projel kompresí. Je to čistčí, ale ten obrázek má 2x větší velikost. E-shop si poté velikost zmenší sám. Určitě existuje nějaká lepší řešení. Obecně jsem bral, že png bylo na rozdíl od jpeg ostřejší. Teď mně google nabádá do používání jpeg2000 formátu, který ale Canva neumí. SVG má zase 11mb. Máte nějakou radu? Cíl je banner o této velikosti do 200kb. Jen ha homepage jich je teď 5 a 2 menší + obrázky kategorie, produktů a další bannery. Nechci mít 5mb stránku....

Co takhle použít formát webp?

Napsal Pablo74;1624684

Co takhle použít formát webp?

to nepodporuje Shoptet. Potřebuji použít kompresi na png, která změnší co nejvíce velikost, ale zachová co nejvíce kvalitu = nebude te rozmazané

To neni rozmazane kvuli kompresi, ale protoze na to koukas na retina displeji.Jinak problem bych hledal v tom, ze nemas cely proces pod kontrolou (Figma si to sama komprimuje, eshop to sam zmensi).

Napsal eshop0;1624681

Zdravím,

řeším tady komplikaci. Můj cíl je mít co nejostřejší bannery s co nejmenší velikostí z důvodu načítání webu.

Příklad. Tento banner má rozměr přesně 920x440px, formát png.

(...)

Určitě existuje nějaká lepší řešení. Obecně jsem bral, že png bylo na rozdíl od jpeg ostřejší. Teď mně google nabádá do používání jpeg2000 formátu, který ale Canva neumí. SVG má zase 11mb.

Máte nějakou radu? Cíl je banner o této velikosti do 200kb. Jen ha homepage jich je teď 5 a 2 menší + obrázky kategorie, produktů a další bannery. Nechci mít 5mb stránku....

Mne sa obrázok na prvý pohľad zdal byť nerozmazaný. Len pri zväčšení si všimnem rozmazanie. Jeden zo spôsobov ako zmenšiť obrázok, je použiť jednofarebné pozadie. Ak Váš program nevie uložiť obrázok v JPG, čo tak použiť na to iný program? Vytvorený obrázok PNG môžete otvoriť v inom programe, potom uložiť s príponou JPG. (Váš obrázok – pôvodný PNG s veľkosťou 240 kB – takto uložený cez program Malování do súboru s príponou JPG má 70,2 kB, ale keď som použila „Prohlížeč obrázků a faxů“ na uloženie pôvodného PNG do nového súboru s príponou JPG, tak výsledný obrázok má až 349 kB. Keď som ten veľký obrázok otvorila v programe Malování, uložila pod novým názvom, výsledok mal veľkosť 70 kB. Môže byť, že niekomu vyjdú iné čísla s ohľadom na použitý softvér. Ja som testovala na starom počítači.) Dosť ma prekvapilo, že veľkosť výsledného obrázku môže závisieť aj od použitého programu. Ak by Vám stačilo JPG, myslím, že treba skúsiť, ktorý z dostupných programov Vám dá dobrý výsledok.