Adobe Illustrator Save For Web SVG wird leer

Windows 7, AI CS5

Ich habe mehrere Zeichenflächen mit verschiedenen Versionen eines Logos, die ich als .svgDatei speichern möchte.

ctrl+ shift+ alt+ sbis save for web.

Das Logo der aktiven Zeichenfläche wird in den Vorschaufenstern angezeigt. Ich kann von GIF zu jedem anderen Format wechseln und das Logo in der Vorschau sehen. Manchmal ändert es sein Aussehen leicht (wie es sollte). Aber wenn ich SVG, NICHTS auswähle, wird die Vorschau komplett leer. Ich kann die Zeichenfläche sehen, aber es ist nichts darin.

BEARBEITEN: Weitere Details zu Logo, Speichermethoden und Ergebnis des Speicherns als SVG von Save for WebDas Logo enthält handgezeichnete Pfade sowie einige eingetippte Schriftarten. Bei Verwendung von Save AsAI wird die gesamte Datei (alle Zeichenflächen und Dinge außerhalb der Zeichenflächen) als SVG gespeichert, wobei nur die aktive Zeichenfläche sichtbar ist. Es konvertiert Schriftarten in Konturen, wenn diese Option erfolgreich ist. Alles sieht gut aus, außer dass es mehr als nur die aktive Zeichenfläche gespeichert hat. Die Verwendung Save for Webspeichert anscheinend nur die aktive Zeichenfläche. Darüber hinaus führt die Auswahl von SVG mit Für Web speichern zu einem leer aussehenden SVG (bei Anzeige in einem Browser). Aber wenn ich dieses SVG in AI öffne, sehe ich genau das, was ich sehen sollte: das Logo, dessen Schriftart in Outline umgewandelt wurde.

EDIT2: Ich glaube, ich habe herausgefunden, was das Problem ist, aber nicht warum. Ich habe "Für Web speichern" verwendet, um ein leer aussehendes (wenn es in einem Browser angezeigt wird) SVG zu erhalten. Beim erneuten Öffnen wurde jedoch genau die Zeichenfläche angezeigt, die ich ursprünglich speichern wollte. Jetzt verschwand das Bild bei erneuter Verwendung von "Für Web speichern" nicht aus der Vorschau, wenn SVG ausgewählt wurde. Und das Speichern führte zu einem verwendbaren SVG. Als ich die 2 Dateien öffnete, fand ich Folgendes:

Schlechte SVG-Datei (Logo ist da, aber unsichtbar):

viewBox="1366.6 -2698.5 1785 241"
enable-background="new 1366.6 -2698.5 1785 241"

Gute SVG-Datei (Logo ist sichtbar):

viewBox="0 0 1785 241"
enable-background="new 0 0 1785 241"

Aus irgendeinem Grund speichert die KI die falschen Anzeigeinformationen, wenn Save for WebSVG für eine Datei verwendet und ausgewählt wird .ai. Aber wenn Sie das gespeicherte SVG öffnen und erneut speichern, wird es korrekt gespeichert.

Warum passiert das? Wie kann ich es beheben? Danke.

Ist die Überdruckvorschau aktiviert? Dies hat dramatische Auswirkungen auf die Funktionen zum Speichern für Web.

Antworten (3)

Ich denke, das Problem liegt in mehreren Zeichenflächen, die sich Ebenen teilen. Stellen Sie sicher, dass die Zeichenfläche, auf der Sie versuchen, das Werkzeug „Für das Web speichern“ zu verwenden, keine Ebenen außerhalb der Zeichenfläche enthält. Der beste Workflow, den ich gefunden habe, besteht darin, eine neue Ebene der obersten Ebene zu erstellen, KEINE Unterebene, und alle Grafiken, die sich auf der Zeichenfläche befinden, in diese Ebene zu verschieben. Das Speichern für Web sollte jetzt funktionieren.

Ich verwende CS7, wo das .SVG-Konvertierungsformat für „Für Web speichern“ entfernt wurde, aber könnte es sein, dass Ihr Logo ein Rasterbild ist oder Rastereffekte verwendet? Ich glaube, der Illustrator wird versuchen, es in einen Schwarz-Weiß-Vektor zu verwandeln, und liest alles nur als Weiß. Wenn es sich um ein Raster handelt, müssen Sie es genauer in ein Vektorbild konvertieren, da SVG ein Vektordateityp ist.

Es ist seltsam, dass "Speichern unter" es als SVG speichert, aber die gesamte Datei speichert, alle Zeichenflächen und Dinge außerhalb von Zeichenflächen. Wenn AI es als SVG speichern kann , warum nicht? Ich habe einige handgezeichnete Schriftzüge mit Pfaden sowie einige Schriftarten, von denen ich dachte, dass sie beim Speichern in Umrisse umgewandelt würden.
Meine einzige Antwort darauf ist, dass es so ist, als würde man eine .doc-Datei als .txt-Datei speichern. Es ist alles gut, aber wenn Bilder in der .doc-Datei platziert sind, funktioniert es nicht. Wenn Ihre Datei also Rasterelemente enthält, kann Illustrator sie aufgrund der Einschränkungen des Dateityps SVG nicht speichern. Und CS6 >_> Ich komme mit iOS-Versionen durcheinander.
@Justin Ich habe herausgefunden, dass beim Speichern für das Web und Auswählen von SVG nur die aktive Zeichenfläche gespeichert wird, das Ansichtsfenster jedoch falsch platziert wird, sodass es so aussieht, als wäre nichts vorhanden. Wenn ich dieses SVG dann mit Illustrator öffne und es für das Web als SVG speichere, wird es korrekt gespeichert. Ich verstehe einfach nicht, warum es das Ansichtsfenster überhaupt nicht richtig speichert.

Ich stand vor so etwas. In meinem Fall war das Erstellen eines neuen Dokuments und das Kopieren und Einfügen des neuen Dokuments aus dem Originaldokument (auf die Zeichenfläche) hilfreich.

Sie können auch versuchen, Formen zu kopieren und als Formen in Photoshop einzufügen, erneut zu kopieren und in ein neues Illustrator-Dokument einzufügen. Es würde einige Dinge klären und Sie werden einen sauberen Vektor haben (nehme ich an). Hoffe es wird hilfreich sein!