Raster- oder Vektorgrafik für Homepage?
lima-city → Forum → Die eigene Homepage → Grafikdesign
bild
brauchen
browser
design
einzigen unterschiede
element
erstellen
format
frage
grafik
information
lage
modernen browser
nehmen
raster
stein
url
vektor
verlust
werfen
-
Hallochen, ich hoffe hier bin ich richtig wenn nicht nicht mit den Steinen werfen
Folgendes: ich versuche seit kurzem HTML/CSS zu lernen jetzt bin ich dabei bei einer Homepage Template und Design selbst zu erstellen.
Hier auch die Frage: Welche Grafiken nehme ich für die Webseite Raster- oder Vektorgrafik. Also durch Fotobearbeitung kenne ich mich mit Photoshop etwas aus aber es scheint mir logischer die ganzen Designelemente als Vektoren darzustellen vorallem wenn man diese auch öfters benutzt oder auch auf den anderen Seiten einbaut. Nur wo fange ich da an?
Welche Formate werden unterstütz?
Und natürlich Software was wurdet ihr empfehlen (Am besten kostenlos)
Vielen Dank im vorraus
igroman -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
igroman schrieb:
Doppelte Verneinung ohne Interpunktion? *mit Steinen werf*
Hallochen, ich hoffe hier bin ich richtig wenn nicht nicht mit den Steinen werfen
igroman schrieb:
Ob man nun eine Vektorgrafik oder ein einfachtes Bild benutzt hängt stark vom Verwendungszweck, bzw. der Skalierung ab. Wenn du ein Element fester Breite hast, bietet sich eine Feste Grafik an, wenn du ein Element hast, welches sich über ungewisse Größen streckt, ist eine Vektorgrafik angesagt. Wobei es prinzipiell natürlich schön wäre, wenn ausschließlich Vektorgrafiken verwendet würden ( Für sehr, sehr kleine Displays oder sehr, sehr große. )
Folgendes: ich versuche seit kurzem HTML/CSS zu lernen jetzt bin ich dabei bei einer Homepage Template und Design selbst zu erstellen.
Hier auch die Frage: Welche Grafiken nehme ich für die Webseite Raster- oder Vektorgrafik. Also durch Fotobearbeitung kenne ich mich mit Photoshop etwas aus aber es scheint mir logischer die ganzen Designelemente als Vektoren darzustellen vorallem wenn man diese auch öfters benutzt oder auch auf den anderen Seiten einbaut. Nur wo fange ich da an? -
Vektor ist besser aber Rastergrafiken werden meistens eingesetzt da die weniger Platz brauchen.
Eine Vektorgrafik kannst du vergrößern ohne Verlust der Qualität!!
Ich empfehle dir SVG zu nehmen.
Das sind die einzigen unterschiede. -
ftools schrieb:
Vektor ist besser aber Rastergrafiken werden meistens eingesetzt da die weniger Platz brauchen.
Eine Vektorgrafik kannst du vergrößern ohne Verlust der Qualität!!
Ich empfehle dir SVG zu nehmen.
Das sind die einzigen unterschiede.
Er hat doch gesagt, dass er sich damit ein bisschen auskennt. Ergo ist er aufgrund der von dir genannten Vorteile überhaupt auf die Idee gekommen, darüber nachzudenken, ob Vektorgrafiken nicht besser geeignet sind.
Sind sie aber nur in der Theorie, da die Implementierung und Unterstützung von Vektorformaten (namhaft SVG) mehr als dürftig ist.
Nehm Rastergrafiken und auch bei diesen gilt es nicht zu übertreiben. Vieles kann man auch über CSS lösen. -
Vielen Dank für die schnelle Hilfe
noch eine Frage mit welchem Programm erstelle ich so eine Vektorgrafik? Am besten Freie Software nichts wie Adobe Illustrator -
Inkscape ist die wohl beste Lösung dafür.... für den Einsatz auf Websites ist svg aber noch nicht geeignet, da viele Leute leider noch mit uraltsoftware durchs inet surfen und deine Bilder somit nicht sehen
-
Ich möchte noch einwerfen, dass auch die modernen Browser nicht in der Lage sind, Pixelgrafiken gut zu skalieren. Das gilt besonders dann, wenn große Grafiken herunterskaliert werden müssen, weswegen es vorkommen kann, dass eine Pixelgrafik niedrigerer Auflösung besser aussieht, als eine mit höherer Auflösung, auch dann, wenn man zuerst die mit höherer erstellt hat und diese dann ggf. mit einem geeigneten Programm herunterskaliert hat.
Neben dem bereits erwähnten Inkscape ist auch LibreOffice Draw in der Lage, Vektorgrafiken zu erstellen. Letzteres ist oft auch schon installiert, da es mit LibreOffice mitkommt. -
drafed-map schrieb:
Ich möchte noch einwerfen, dass auch die modernen Browser nicht in der Lage sind, Pixelgrafiken gut zu skalieren.
Offenkundig, da Pixelgrafiken nunmal Pixelgrafiken sind. Wie soll aus 300px * 300px skaliert auf 150px * 150px gleichbleibende Bildqualität resultieren, wenn die Grafik keine Informationen darüber enthält, wie es die Grafik zu skalieren hat? Es muss runter gerechnet werden und dabei entsteht eben Pixelbrei.
Wenn man bei siner Website auf absolut feines responsive design setzen will, dann muss man eben die Bereiche mit Bild, die skalieren sollen, so gestaltetn, dass es auch mit Pixelgrafiken möglich ist.
Einfache, horizontale oder vertikale Gradienten, usw. Es ist ohnehin nicht so sinnvoll alle möglichen Grafiken zu skalieren, da der Abstand den ein Internetbenutzer zum Bildschirm hat meistens ähnlich groß ist - egal ob riesiger Bildschirm oder Laptop. -
cyclobox schrieb:
Man kann vermuten, dass Browser Bilder z.B. mit kubischer Interpolation skalieren würden. Zumindest beim Herunterskalieren ist das aber nicht so und es kommt nur Müll dabei heraus.
drafed-map schrieb:
Offenkundig, da Pixelgrafiken nunmal Pixelgrafiken sind. Wie soll aus 300px * 300px skaliert auf 150px * 150px gleichbleibende Bildqualität resultieren, wenn die Grafik keine Informationen darüber enthält, wie es die Grafik zu skalieren hat? Es muss runter gerechnet werden und dabei entsteht eben Pixelbrei.
Ich möchte noch einwerfen, dass auch die modernen Browser nicht in der Lage sind, Pixelgrafiken gut zu skalieren. -
In hatm5 giebt es Canves.
Das ist zwar nicht das selbe wie Vektorgrafik, kommt im aber meiner meinung nach sehr nah. -
Es wäre gut den Zweck zu wissen, also was genau für eine Grafik willst du einstellen. Handelt es sich um eine Illustration die sich an die Größe des Browserfensters anpassen soll? Oder geht es um Balken oder Icons die du erstellen willst? Auch wenn SVG nicht von allen Browsern unterstüzt wird so gibt es dennoch mittlerweile wege das trotzdem zu benutzen. Mit CSS3 hat man auch gewisse möglichkeiten zu designen zumindest was rundungen, transformationen und schlagschatten angeht. Das skaliert sich dann automatisch. Das Canvas Element ist sicher auch eine Option.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
