mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 22.09.2021 02:29 Benutzername: Passwort: Auto-Login

Thema: Pixelgenaues SVG unscharf in allen Websites vom 19.05.2016


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Pixelgenaues SVG unscharf in allen Websites
Autor Nachricht
mike55
Threadersteller

Dabei seit: 09.05.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 19.05.2016 14:55
Titel

Pixelgenaues SVG unscharf in allen Websites

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen.

Mein pixelgenaues SVG aus Illustrator sieht direkt im Browser geöffnet perfekt scharf aus:
Direkt geöffnet

Sobald ich es in Wordpress oder in einer STandard HTML Seite einbaue, werden einige der vertikalen Linien unscharf.
in HTML

Wie lässt sich das verhindern?

Vielen Dank im Voraus
Mike


Zuletzt bearbeitet von mike55 am Do 19.05.2016 14:55, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
heav

Dabei seit: 10.02.2004
Ort: Heimat der Inspiration
Alter: 36
Geschlecht: Männlich
Verfasst Do 19.05.2016 14:59
Titel

Antworten mit Zitat Zum Seitenanfang

Ich seh’ keinen Unterschied * Keine Ahnung... *


  View user's profile Private Nachricht senden
Anzeige
Anzeige
miss-jk

Dabei seit: 16.01.2006
Ort: MUC
Alter: 37
Geschlecht: Weiblich
Verfasst Do 19.05.2016 15:18
Titel

Antworten mit Zitat Zum Seitenanfang

Ich auch nicht Hmm...?!
  View user's profile Private Nachricht senden
hilson

Dabei seit: 05.09.2005
Ort: Pforzheim
Alter: 51
Geschlecht: Männlich
Verfasst Do 19.05.2016 17:11
Titel

Antworten mit Zitat Zum Seitenanfang

Dito * Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mike55
Threadersteller

Dabei seit: 09.05.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 19.05.2016 18:17
Titel

Antworten mit Zitat Zum Seitenanfang

Merkwürdig. Au weia! Ich vermute mal ihr habt ziemlich dpi starke Monitore?
Ich habs an 2 Windows Rechnern getestet: 3O Zoll und 24 Zoll, beide nur um die 90 dpi.
Bei beiden ist z.B. die vertikale Linie rechts außen unterschiedlich scharf.

Also ich hoffe man sieht es im Screenshot (links nur Bild und rechts html):



Ansonsten in Worten:
• Linkes Bild: Rechte Außenlinie genau 1 Pixel.
• Rechtes Bild: REchte AUßenlinie ist 1 Pixel + 1 Halb Transparent Pixel.


Zuletzt bearbeitet von mike55 am Do 19.05.2016 18:20, insgesamt 5-mal bearbeitet
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein Status:0
Alter: 49
Geschlecht: Männlich
Verfasst Fr 20.05.2016 00:04
Titel

Antworten mit Zitat Zum Seitenanfang

Auf der Arbeit (Win7) hatte ich auch keinen Unterschied gesehen. Hier auf meinem Privatrechner (Win10) kann ich es nachvollziehen.

Klick mal im Firefox mit rechts auf das Element und wähle "Element untersuchen" Wenn ich dort dann rechts auf "Box-Model" klicke wird mir die Größe des Objektes angezeigt. Eingebettet in die HTML-Datei wird mir 160x113 (Pixel) ausgegeben.
Bei dem direkten Aufruf im Browser ist das Objekt 160x113.383 groß!

Beim Aufruf über die HTML-Datei scheint dein SVG also geringfügig verkleinert zu werden, wodurch die Unschärfe entsteht.

Versuch also mal, ob du das Teil auch mit exakten Pixelmaßen erstellt bekommst. Dann müsste das Problem nicht mehr auftreten.
  View user's profile Private Nachricht senden
mike55
Threadersteller

Dabei seit: 09.05.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 20.05.2016 14:00
Titel

Antworten mit Zitat Zum Seitenanfang

Hallelujah! Das wars. * huduwudu! *

Ich dachte schon ich bin bekloppt.
Die AI Arbeitsdatei war natürlich pixelgenau, aber im SVG kam plötzlich ein krummer WErt heraus. Wie auch immer.
Hab die Zeichenfläche des SVGs noch mal in Illustrator nachbearbeitet. Jetzt passt es.

Tausend Dank!
  View user's profile Private Nachricht senden
 
Ähnliche Themen pixelgenaues arbeiten im photoshop möglich?
AI CS6, Pathfinder und Pixelgenaues Design
Link zu Seite mit allen Logos
ein div im Hintergrund soll von allen überlagert werden.
Abstände in allen Browsern gleich
PSD Pfae auf allen Ebenen?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.