Picture 650 - 50% von Wrapper 1300px

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

 

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

 

650px  *  1.3x   =    845px
650px  *  1.5x   =    975px
650px  *  2.0x   = 1.300px
650px  *  2.4x   = 1.560px
650px  *  4.00x = 2.600px

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

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