Gunnar Bittersmann: required richtig einbauen

Beitrag lesen

@@hmm

ich hab ein riesen großes .jpg bild dass 3,76 MB frisst und sich daher kaum für meine Webseite eignet.

Zu einem neuen Thema empfielt es sich, einen neuen Thread aufzumachen. @Admins: Subthread verschieben?

also dachte ich mir: hey da hat mal irgendjemand bei sh geschrieben das .svg's viel besser sind.

Das hast du jetzt entweder aus dem Zusammenhang gerissen oder es ist völliger Blödsinn, was da steht. Jedes der Grafikformate JPEG, PNG, GIF, SVG hat seine Berechtigung – jedes für andere Arten von Grafiken.

JPEG | für Fotos u.a. Bilder mit vielen Farben und weichen Übergängen PNG, GIF | für Grafiken mit wenigen Farben, harten Kanten. Aber: dann oft Vektorgrafik geeignet SVG | Vektorgrafiken. Logos, Icons, Strichzeichnungen, Diagramme, Textgrafiken

Es gibt irgenwo im SELFHTML-Wiki einen Artikel zu Grafikformaten; nur ist der nicht auffindbar. Bei den Webkrauts gibt’s Das richtige Grafikformat für den richtigen Zweck.

also habe ich per onlinetool .jpg in .svg umgewandelt und siehe da: das ganze .svg sieht überhaupt nicht so aus wie das .jpg

Es macht kaum Sinn, ein Foto o.ä. Bild in SVG zu wandeln. Entweder SVG dient ledigleich als Container für die Pixelgrafik; dann ist nicht gewonnen. Oder das Bild wird vektorisiert und dadurch mehr oder weniger verfremdet (was wohl bei dir der Fall war).

frage: geht das umwandeln oder das verringern der MB's irgendwie ohne dass das bild dann komplett anders ausshieht?

Du willst das JPEG in geringeren Abmessungen/stärkerer Komprimierung. Das leistet das Bildverarbeitungsprogramm deiner Wahl.

Zum Schluss kann man mit Bildoptimierungstools wie ImageOptim noch einiges rausholen.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
0 76

required richtig einbauen

hmm
  • html
  1. 1
    at
    1. 0
      hmm
      1. 0
        hmm
        1. 0
          TS
          1. 0
            hmm
            1. 1
              TS
              • html
              • php
              1. 0
                hmm
                1. 1
                  TS
                  1. 0
                    Gunnar Bittersmann
                    • html
                    1. 0
                      TS
                      • html
                      • humor
                      1. 0
                        Gunnar Bittersmann
                      2. 0
                        hmm
                        • grafik
                        • grafik
                        1. 0
                          Tabellenkalk
                          • html
                          • humor
                          1. 0
                            TS
                            • grafik
                            • html
                        2. -2
                          TS
                          • grafik
                          • html
                          1. 0
                            hmm
                            1. 0
                              hmm
                              1. 0
                                hmm
                                1. 0
                                  Gunnar Bittersmann
                                  • grafik
                          2. 0
                            TS
                            • seitenbewertung
                            1. 0
                              Tabellenkalk
                              1. 0
                                TS
                            2. 0
                              Gunnar Bittersmann
                          3. 1
                            Mitleser
                            1. 0

                              Bilder: weniger Pixel, kleinere Datei.

                              TS
                              1. 3
                                MudGuard
                              2. 3
                                Mitleser
                                1. 0
                                  TS
                                  1. 0
                                    Mitleser
                                    1. -4
                                      TS
                                      • grafik
                                      • html
                                      • programmiertechnik
                                      1. 1
                                        Mitleser
                                        1. 0
                                          TS
                                          • menschelei
                                          • programmiertechnik
                                          1. 0
                                            Mitleser
                                            1. 0
                                              TS
                                              1. 0
                                                JürgenB
                                                1. 0
                                                  TS
                                                  • grafik
                                                  • programmiertechnik
                                                  1. 0
                                                    Mitleser
                                                    1. 0
                                                      TS
                                                      1. 0
                                                        Mitleser
                                                  2. 0
                                                    JürgenB
                                                  3. 0
                                                    dedlfix
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      • grafik
                                              2. 0
                                                Mitleser
                                                1. 0
                                                  hmm
                                              3. 0
                                                Tabellenkalk
                                                1. 0
                                                  Gunnar Bittersmann
                                                2. 0
                                                  MudGuard
                                                  1. 0
                                                    Rolf B
                                                    1. 0
                                                      TS
                                                      1. 0
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          TS
                              3. 0
                                at
                              4. 0
                                Gunnar Bittersmann
                                • grafik
                                • grafik
                          4. 0
                            at
                            1. 0
                              TS
                              1. 0
                                at
                          5. 0
                            encoder
                        3. 2
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
                            • grafik
                            • grafik
                            • selfhtml-wiki
                            1. 0
                              hmm
                              1. 0
                                Mitleser
                              2. 0
                                Gunnar Bittersmann
                                • grafik
                                • grafik
                                1. 0
                                  dedlfix
                            2. 0
                              Matthias Apsel
                              • selfhtml-wiki
                              1. 4

                                Grafik und Grafikformate im Wiki

                                Matthias Scharwies
                                • grafik
                                • selfhtml-wiki
                2. 0
                  MudGuard
                3. 0
                  Gunnar Bittersmann
                  • html
                  1. 0
                    hmm
                    1. 0
                      Gunnar Bittersmann
                      • sprache
                      1. 0
                        TS
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            TS
                            • humor
                            • sprache
                    2. 0
                      Tabellenkalk
            2. 0
              JürgenB
              1. 0
                hmm