Picture 450 - 30% von Wrapper 1300px

450px Bilder sind z.B. Bilder, die 30% der Breite eines Wrappers mit 1300px maximaler Breite haben.

Auf Grund der Größe sollte das Ausgangsbild in Photoshop 1.800px breit erstellt werden, denn es gibt heute hochauflösende Bildschirme.
Ein Samsung Galaxy S8 + habt 740px x 4 = 2.960px , Darstellung 450px * 4 = 1.800px

450px  *  1.5x   =    675px
450px  *  2.0x   =    900px
450px  *  4.0x   = 1.800px

Die Einstellung (max-width:1300px) 100vw, 450px bedeutet:

- alles was bis 1.300px Bildschirmbreite ist, soll 100vw haben
- alles was über 1.300px Bildschirmbreite ist, soll maximal 450px haben