Aký je maximálny rozmer obrázka na webe, aby sa bezchybne zmestil na mobil aj vtedy, ak obrázok nie je responzívny?
Ak obrázok nie je responzívny (teda nemá nastavenú šírku na 100% a fixne drží svoje pixely), musíš sa orientovať podľa najmenších bežne používaných displejov. „Zlaté pravidlo“ pre fixnú šírku Ak chceš mať absolútnu istotu, že sa obrázok zmestí na 99 % dnešných smartfónov bez orezania: Maximálna bezpečná šírka: 320 pixelov. Prečo práve 320? Je to šírka starších iPhonov (SE prvej generácie) a základný bod (breakpoint), od ktorého sa odráža väčšina webdizajnérov. Hoci moderné telefóny majú 375px, 390px alebo 412px, pri 320px máš istotu, že „neprestrelíš“ ani na tých najužších zariadeniach. Porovnanie šírok displejov Tu je prehľad, ako sa tvoj obrázok bude správať na rôznych zariadeniach: Šírka obrázka iPhone SE (starý) iPhone 13/14/15 Bežný Android 320 px Presne na hranu Malá rezerva Viditeľná rezerva 350 px Vyčnieva (scroll) Takmer na hranu Malá rezerva 400 px Vyčnieva (veľa) Vyčnieva Na hranu / Vyčnieva Pár tipov pre Eshop-rychle: Pozor na „padding“ (vnútorné okraje): Aj keď má disple...