logo
09.06.2021 19:24
1
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.gr...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 se právě děje na Webtrhu?

09.06.2021 19:55
2
Co takhle použít formát webp?
09.06.2021 22:12
3
Původně odeslal Pablo74
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é
10.06.2021 12:45
4
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).