PrestaShop - Jak nastavit obrázek ve vysokém rozlišení

Chci se zeptat, v html kodu vkládam na web obrázek, který jsem už zkoušel ve formatech png.gif,jpg
a vždy jak se zobrazuje na webu tak je takový nekvalitní, jako by v menším rozlišení.

V pc je tento obrázek oproti tomu co je na webu uplně něco jiného a je ostrý.

Chtěl bych se zeptat co to zpusobuje, a jak nastavit aby se mi zobrazoval na webu tak stejně jak v PC.

Vkládám v takovém kodu





díky

Dobrý den.

Obrázek je nepochybně ve vyšším rozlišení a vy nutíte prohlížeč, aby jej zmenšil na jiné rozměry, konkrétně width="555" (šířka) a height="167" (výška). To samozřejmě lze udělat prakticky bez ztráty kvality, ale žádný z webových prohlížečů na to není ideálním prostředkem. Vždy dosáhnete lepších výsledků, když obrázek zmenšíte specializovaným grafickým editorem na přesně ty pixelové rozměry, které chcete na webu použít.
Řešením tedy bude udělat si kopii obrázku, zmenšit ji například v Zoner Photo Studiu nebo Photoshopu na velikost 555 x 167 (případně ještě s doostřením či dalšími korekcemi), a teprve tuto zmenšenou verzi potom umístit na stránky.
Další alternativou je umístit obrázek na stránky v původním rozlišení, ale tomu byste musel přizpůsobit design webu.