Vektorgrafik vs. Pixel Frage

[Pfirsich19]

Nabend,

wann ist denn konkret eine von beiden Varianten anzuwenden? Vektorgrafik ist generell besser, aber steigt doch die Größe auch an!?? Daher wie entscheiden die Profis bzw. wie findet man hierbei eine Balance?

MFG
Pfirsich

 

[phype]

kommt stark darauf an was du machen willst.

grafiken sind als vektorgraphik grundsätztlich kleiner. es müssen ja nur zb. linen, zwei füllfarben für nen übergang und die art des übergangs gespeichert werden.

allerdings gibt es eben dinge die man so nocht beschreiben kann. die pixel in nem photo folgen sozusagen keiner formel wie es zb bei einem farbverlauf der fall wäre.

dazu dass sie gröser sind:
hast du dir schonmal svg angeguckt. der code zum zeichnen des gift-warnung-totenkopfes hat ~15kb. als bild mit annehmbarer qualität (in diesem fall ca 400*400) wären es als png schon 26kb. bei mehreren farben würde das noch weiter in die höhe steigen da man mehr infos speichern muss. in falle svg is dass nur eine änderung des farbcodes in der xml datei.

beispielbild (wikimedia):
http/upload.wikimedia.org/wikipedia/commons/5/53/Skull_and_crossbones.svg

zum code ansehen bei firefox einfach quelltext anzeigen

mfg

 

[the__nameless]

bei photos oder bildern fürs web werden meist pixelgrafiken verwendet.
für druck (visitenkarten, flyer, etc) werden meist vekotrgrafiken verwendet, da es ja pixel nur am bildschirm gibt

 

[Ah-El-Eh-Iks]

Da das ja hier bei Webdesign steht, willst du sicher wissen, was im Internet besser ist?

Sicherlich Bitmap. Erstens gibt es kaum Formate, die man direkt auf Internetseiten einbinden kann (das am weitesten verbreitete Format ist sicherlich SVG, das können aber nur die neuesten Browser anzeigen). Weiterhin kann man Vektorgrafiken noch in PDF-Dokumenten oder auch bei Flash-Animationen verwenden, das ist aber beides kein herkömmliches klassisches HTML und bringt eine Reihe von Nachteilen mit sich.

Genereller Nachteil von Vektorgrafiken ist sicher nicht die Größe, aber eher die Unberechenbarkeit. Normale Formen sehen sicherlich auf jedem Computer gleich aus. Wenn es aber dann um Farbverläufe, Schatten oder Umrissdicke und -art (wie gestrichelt, etc.) geht, können die Ergebnisse unter Umständen stark vom Ursprung abweichen. Und wenn Schriftarten nicht eingebettet sind, sind Probleme meistens vorprogrammiert.

Im professionellen Bereich werden daher bei der Datenübergabe an Druckereien meist auch Bitmaps genommen, zumindest bei ein- oder zweiseitigen Drucken wie Flyer oder Plakate. Bücher würde natürlich endlos groß werden, diese werden dann vektoriell in PDF gespeichert. Faustregel ist: Logos und was man sonst so macht, immer in Vektor erstellen und behalten, aber als Bitmap exportieren.

 

[corema]

Da das ja hier bei Webdesign steht, willst du sicher wissen, was im Internet besser ist?

Sicherlich Bitmap.

da würd ich mal ganz einfach sagen: "nein"
bitmap ist zwar das beste in der grafik verarbeitung, weil bei bmp jeder pixel beschrieben wird, aber eine bmp ist riesen groß.
mein favourit ist png oder gif
png und gif haben den vorteil, dass man durch deren aufbau(beim laden) schnell sieht was da überhaupt abgebildet werden soll. bmp wird pixel für pixel übertragen

@topic

Nachteilig ist dagegen, dass mit den meisten Vektor-Anwendungen keine so komplexen Spezialeffekte wie mit Pixelgrafik-Anwendungen realisiert werden können.

was dagegen spricht ist das:
The World's Most Photorealistic Vector Art - Basang Panaginip
aber ich denke mal, dass vektorgrafiken komplizierter zu erstellen sind als pixelgrafiken

was noch gegen vekor spircht ist, dass es nicht wirklich verbreitet ist im web
edit: noch was:
1.vektor ist nicht soo simpel einzubaun(aber auch nicht schwer) in eine html wie pixel
2.hab bisher nichts darüber gelesen, dass css vektor unterstützt, lass mich aber gerne eine anderen belehren
3.welchen sinn haben vektorgrafiken in einer internetseite?

 

[fraufrost]

Vektor gegen Pixel antreten zu lassen ist wie Sonnenblumenöl mit Olivenöl zu vergleichen..

Vektoren werden berechnet durch mathematische "Formeln", sie sind frei skalierbar ohne irgendwelche qualitätseinbrüche, pixelgrafik oder auch "rastergrafik" genannt hat nur eine begrenzte qualitätsweite, d.h. vergrößert man die grafik = details und konturen verwischen verkleinert man es = details und konturen könnten verschwinden ...
egal mit welcher Variante man es macht ob Bikubisch oder Pixelwiederholung, Qualität geht immer verloren wenn man da was rum macht.

d.h. im großen und ganzen willst du es für den Printbereich verwenden so benutz lieber Vektorgrafiken, da oftmals die DPI Zahl von mind. 300 nicht eingehalten wird und man immer wieder was ändern muss.

außer du bist so selbstsicher dann kannst du eigentlich auch mit pixel arbeiten, darfst aber nicht die 300 dpi für den printbereich vergessen. (btw. internet braucht 72dpi und vektoren sind eigentlich nicht nötig.)

 

[the__nameless]

[...](btw. internet braucht 72dpi und vektoren sind eigentlich nicht nötig.)

internet braucht 72 dpi?
ließ dir doch bitte mal das hier durch: praegnanz.de: Der 72dpi-Mythos