website-forum.info – Forum für Webdevelopment und Webdesign

Grafik – Bildbearbeitung, Konzeption, Design, Typografie… Alles was zum Thema Grafik gehört, kannst du hier posten.

Antwort
 
LinkBack Themen-Optionen Ansicht
  (#1 (permalink)) Alt
Neuer Benutzer
 
Beiträge: 14
Registriert seit: 06.04.2009
Selbsteinschätzung
Allgemein: 1
(X)HTML/CSS: 1
PHP/MySQL: x
JavaScript/AJAX: x
Flash/ActionScript: x
Grafik: 1
Messenger
Offline
Standard Texte werden immer krisselig - 21.04.2009, 14:24
Wenn ich Texte in einem Bild habe, zum Beispiel bei einem Banner oder einfach in einem Bild, dann werden diese entweder riesengroß im Speicherverbrauch, oder die Schrift krisselig am Rand.

Was kann man denn da machen? Ich hab Coreldraw 11 und Photoshop CS zur Verfügung, klappt aber in beiden Programmen nicht
Mit Zitat antworten
  (#2 (permalink)) Alt
Administrator
 
Vorname: Daniel
Beiträge: 526
Registriert seit: 20.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 9
(X)HTML/CSS: 8
PHP/MySQL: 4
JavaScript/AJAX: 2
Flash/ActionScript: x
Grafik: 9
Messenger
Offline
Standard AW: Texte werden immer krisselig - 21.04.2009, 14:43
Lass mich raten: das passiert immer wenn die »Textbilder« als JPG abgespeichert werden

Das »Phänomen« nennt man Kompressionsartefakte, und es hat mit der 8x8Pixelmatrix zu tun, die bei der JPEG-Kompression zum Einsatz kommt.

Sofern Texte enthalten sind, sollten daher PNG oder GIF zum Einsatz kommen. Beide arbeiten »verlustfrei« wobei allerdings GIF die Einschränkung einer Farbtiefe von nur 8Bit (256 Farben) aufweist.

Ggf macht eine Kombination der Bildformate Sinn.


Signatur:

http://twitter.com/Huepenbecker · neues Projekt: http://blumenabo-berlin.de · SEO: http://huepenbecker-design.de/tabellen-vermeiden.php
Mit Zitat antworten
  (#3 (permalink)) Alt
Neuer Benutzer
Themenstarter
 
Beiträge: 14
Registriert seit: 06.04.2009
Selbsteinschätzung
Allgemein: 1
(X)HTML/CSS: 1
PHP/MySQL: x
JavaScript/AJAX: x
Flash/ActionScript: x
Grafik: 1
Messenger
Offline
Standard AW: Texte werden immer krisselig - 21.04.2009, 22:05
Danke erstmal für die Erklärung. Ja es stimmt, passiert bei JPEG. Aber ich dachte immer das wäre das richtige Format fürs Internet

Was ich nicht verstehe ich wie ich Bildformate kombinieren soll. Man kann doch ein Bild soweit ich weiß nur in einem Format speichern?
Mit Zitat antworten
  (#4 (permalink)) Alt
Sponsor
 
Vorname: Stefan
Beiträge: 185
Registriert seit: 21.03.2009
Ort: Austria > Steiermark > Voitsberg
Selbsteinschätzung
Allgemein: 8
(X)HTML/CSS: 7
PHP/MySQL: 2
JavaScript/AJAX: x
Flash/ActionScript: x
Grafik: 6
Messenger
Offline
Standard AW: Texte werden immer krisselig - 21.04.2009, 22:16
Ich verwende schon seit langem nur mehr .png und .gif fürs Internet.

Zur Info du kannst ja zB das Bild selbst im .jpg Format abspeichern und den Text extra als .gif abspeichern und dann über das Bild legen.

Lg
Stefan


Signatur:
Webhosting Angebote für Privat- und Geschäftskunden
Ab sofort neu: vServer zum TOP-Preis

stp-88.com | fam-pongratz.at
Mit Zitat antworten
  (#5 (permalink)) Alt
Administrator
 
Vorname: Daniel
Beiträge: 526
Registriert seit: 20.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 9
(X)HTML/CSS: 8
PHP/MySQL: 4
JavaScript/AJAX: 2
Flash/ActionScript: x
Grafik: 9
Messenger
Offline
Standard AW: Texte werden immer krisselig - 21.04.2009, 23:04
Zitat:
Zitat von Irmi Beitrag anzeigen
Danke erstmal für die Erklärung. Ja es stimmt, passiert bei JPEG. Aber ich dachte immer das wäre das richtige Format fürs Internet

Was ich nicht verstehe ich wie ich Bildformate kombinieren soll. Man kann doch ein Bild soweit ich weiß nur in einem Format speichern?
Es gibt nicht »das« richtige Format fürs Web, sondern das abhängig vom Sujet passende.

Ganz grob vereinfacht kann man sagen: Fotos=JPEG Grafik mit härteren Konturen, Text o.ä.=PNG/GIF.

Ggf. ist der direkte Vergleich in den entsprechenden Dialogen für Anfänger eine nützliche Sache. Das sieht dann z.B. bei einem Text so aus:



und bei einem Foto so:



Wie gesagt: es ist immer vom Sujet abhängig, welches Format die besten Ergebnisse bringt.

Was das kombinieren angeht war sowohl die sujetabhängige Formatwahl als auch die direkte Kombination in verschiedenen Ebenen gemeint – wie Stefan es schon ganz passend sagte.
Geändert von lig_80 (21.04.2009 um 23:23 Uhr)


Signatur:

http://twitter.com/Huepenbecker · neues Projekt: http://blumenabo-berlin.de · SEO: http://huepenbecker-design.de/tabellen-vermeiden.php
Mit Zitat antworten
  (#6 (permalink)) Alt
Sponsor
 
Vorname: Stefan
Beiträge: 185
Registriert seit: 21.03.2009
Ort: Austria > Steiermark > Voitsberg
Selbsteinschätzung
Allgemein: 8
(X)HTML/CSS: 7
PHP/MySQL: 2
JavaScript/AJAX: x
Flash/ActionScript: x
Grafik: 6
Messenger
Offline
Standard AW: Texte werden immer krisselig - 21.04.2009, 23:50
OK, ich hatte mich etwas falsch ausgedrückt. Wobei ich leider fast immer .png verwende, immerhin kann man hier auch die Farbtiefe reduzieren, dadurch kann man die Größe etwas reduzieren.

Lg
Stefan


Signatur:
Webhosting Angebote für Privat- und Geschäftskunden
Ab sofort neu: vServer zum TOP-Preis

stp-88.com | fam-pongratz.at
Mit Zitat antworten
  (#7 (permalink)) Alt
Administrator
 
Vorname: Daniel
Beiträge: 526
Registriert seit: 20.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 9
(X)HTML/CSS: 8
PHP/MySQL: 4
JavaScript/AJAX: 2
Flash/ActionScript: x
Grafik: 9
Messenger
Offline
Standard AW: Texte werden immer krisselig - 22.04.2009, 00:09
Bei größeren Fotos ist PNG gegenüber JPEG deutlich im Nachteil. Dafür aber eben nicht verlustbehaftet.

GIF setze ich persönlich kaum noch ein, höchstens z.B. beim einfachen Austausch einer bestehenden Grafik, um wirklich nur die Grafik tauschen zu müssen, und keinen Code anpassen zu müssen o.ä.

Was die Kompression angeht ist PNG GIF grundsätzlich überlegen, was aber bis heute nicht in jeder Software zum tragen kommt.
Die Kompression bei PNG ist theoretisch 5-25% besser als bei GIF – unter optimalen Bedingungen sogar bis zu 39%.

Wie gesagt: theoretisch

Im Einzelfall sollte man sich bei kritischen Anwendungen wirklich die Mühe machen jedes einzelne Bild selektiv im passenden Format zu speichern.

Zu JPEG zitiere ich mal aus dem Standardwerk »Webdesign in a Nutshell« von Jennifer Niederst:

Zitat:
Wann man JPEG verwenden sollte

Wie bereits erwähnt, eignen sich JPEGs mit ihrer Farbkapazität von 24-Bit und ihrem spezialisierten Kompressionsschema am besten für Fotos und ähnliches, zum BeispielGemälde, Aquarelle und Graustufenbilder.

JPEGs eignen sich besonders nicht für Grafiken mit einfarbigen Flächen, zum Beispiel:
» Logos
» Strichzeichnungen
» Typographie und Cartoon-ähnliche Illustrationen.

Die verlustreiche Kompression führt zu scheckigen und pixeligen Farbflächen, was in manchen Fällen zu nicht akzeptablen Qualitätsverlusten führt.
Und nicht nur das, die Dateien sind im allgemeinen ein ganzes Stück größer als GIF-Dateien (Anm.: oder PNG – damals allerdings mangels hinreichender Browserunterstützung problematisch) mit demselben Inhalt.
JPEG-Dateien eignen sich außerdem nicht besonders für scharfe Kanten und Schrift, da bei dieser Kompressionsmethode oft Bildpassagen entstehen, die Kanten »verwischt« erscheinen lassen.
Hat sich bis heute nichts dran geändert


Signatur:

http://twitter.com/Huepenbecker · neues Projekt: http://blumenabo-berlin.de · SEO: http://huepenbecker-design.de/tabellen-vermeiden.php
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Der Wishu-Blog soll mal unter die Lupe genommen werden Wishu Private Website 31 15.06.2009 21:57



Powered by vBulletin® Version 3.8.1 (Deutsch)
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.3.0