beatovich: responsive Dateigrössen

Beitrag lesen

hallo

Hej beatovich,

SVG

  • Skalierbarkeit ohne Qualitätsverluste

Auf dem Retina-display hast du da gegenüber Pixel-Grafiken sicher einen Vorteil.

Nein. Wenn die Pixel-Grafik groß genug ist (bei Retina-Displays sollte die Auflösung das Vierfache der in CSS-Pixeln angegebenen Größe entsprechen), ist das kein Vorteil. Aber die anderen Vorteile von SVGs reichen ja aus!

Um das mal anschaulich zu machen:

Bild mit Vier Pixeln (2x2) auf einem Retina-Display:

CSS:

img {
  width: 1px;
  height: 1px;
}

Ich sehe keinen Sinn darin einem Samsung Galaxi S7 die 16fache Pixelmenge zu füttern, nur weil es das darstellen kann. (ja ich weiss, das heisst nicht 16-fache Datenmenge)

Was ich hingegen akzeptiere ist, dass durch die einsetzende Verkleinerung von Bildern (max-width:100%) die Information pro Screen-Pixel erhöht wird, manchmal bis zum Faktor 2.

0 73

responsive Dateigrössen

beatovich
  • responsive design
  1. 3
    Regina Schaukrug
    1. 0
      beatovich
      1. 0
        Regina Schaukrug
        1. 0
          beatovich
      2. 0
        Auge
    2. 0
      beatovich
    3. 2
      Gunnar Bittersmann
      1. 0
        Regina Schaukrug
        1. 0
          Gunnar Bittersmann
          1. 0
            marctrix
    4. 0
      marctrix
  2. 0
    pl
    1. 0
      beatovich
      1. 0
        pl
        1. 0
          Christian Kruse
          1. 0
            pl
        2. 0
          beatovich
          1. 0
            pl
            1. 0
              beatovich
              1. 0
                Christian Kruse
              2. 0
                pl
              3. 0
                pl
  3. 1
    JürgenB
    1. 0
      beatovich
      1. 2
        Christian Kruse
        1. 0
          beatovich
          1. 0
            marctrix
            1. 0
              beatovich
              1. 0
                marctrix
                1. 0
                  beatovich
                  1. 0
                    marctrix
      2. 0
        JürgenB
    2. 0
      Gunnar Bittersmann
      • grafik
      • software
      1. 0
        JürgenB
  4. 0
    Gunnar Bittersmann
    1. 1
      beatovich
      1. 1
        Auge
        1. 0
          beatovich
          1. 0
            Auge
            1. 0
              beatovich
              1. 0
                Auge
        2. 1
          Gunnar Bittersmann
  5. 1

    neue SVG Spritemap

    beatovich
    1. 0

      list-item style gesucht wenn classe auf ul

      beatovich
      1. 0
        Matthias Apsel
        1. 0
          beatovich
          1. 0
            beatovich
            1. 0
              Matthias Apsel
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 0
                              marctrix
                              1. 0
                                beatovich
                                1. 0
                                  marctrix
    2. 0
      Gunnar Bittersmann
      • svg
      1. 0
        beatovich
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              • browser
              • svg
              1. 2
                Tim T—
            2. 0
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Gunnar Bittersmann
              2. 0
                Gunnar Bittersmann
            3. 0
              marctrix
            4. 0
              marctrix
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann