Mein Weblogo sieht nach der Größenänderung verpixelt aus

Sie sollten direkt aus der ursprünglichen Illustrator-Datei in die Pixelabmessungen exportieren, die Sie benötigen.

Sie können die Größe wahrscheinlich im Dialogfeld "Für Web speichern" ändern, anstatt für jede Instanz eine skalierte Vektorversion zu erstellen.

Sie sollten es nach Möglichkeit direkt aus Illustrator in den richtigen Pixelabmessungen rastern, aber wenn Sie die Größe von Dingen in Photoshophop ändern, gibt es eine Auswahl an Resampling-Modi:

• Nächster Nachbar - Dies ist die einfachste Form des Resamplings, wenn man es überhaupt so nennen kann, bei der die ursprünglichen Pixel einfach auf das nächste volle Pixel erweitert werden, um das neue Pixelraster zu füllen. Wenn Sie nicht um einen geraden Faktor neu skalieren, werden viele Verzerrungen erzeugt. Und selbst wenn Sie um einen geraden Faktor neu skalieren, entsteht in der Regel viel Aliasing, da Sie nur die Pixel in die Luft jagen. Dies wird normalerweise nur verwendet, wenn Sie ein Design haben, bei dem alle Farbgrenzen an Pixelgrenzen ausgerichtet sind und Sie keine Probleme mit Aliasing haben (z. B. Pixelkunst).
• Bilinear - Dies ist die zweitschnellste Methode zum Interpolieren von Bilddaten und mittelt das 2x2-Pixel-Raster auf dem Originalbild, das dem zu interpolierenden Punkt am nächsten liegt (Sie finden tatsächlich die Änderungsrate in x- und y-Richtung und extrapolieren dann die Zwischenfarbe im genauen Abstand zwischen x ₁ , x ₂ und zwischen y ₁ , y ₂ , wo sich der neue Punkt befindet). Die Einschränkungen dieser Methode liegen vor, wenn Sie in beide Richtungen über einen Faktor von 2 hinaus skalieren (dh um mehr als 200 % vergrößern oder auf weniger als 50 % verkleinern).

• Bikubisch - Es gibt tatsächlich 3 Versionen dieser Interpolationsmethode in Photoshop: die Standardversion und eine schärfere und weichere Version. Alle 3 ähneln dem bilinearen Resampling, verwenden jedoch ein 4x4-Pixel-Raster, und anstatt nur die Ableitung einer linearen Funktion zu verwenden, um den Farbwert am neuen Punkt zu berechnen, verwendet es einen kubischen Spline , um eine glatte kontinuierliche Funktion zu erhalten. Dies hat zur Folge, dass die Farbübergänge glatter und weniger abgehackt sind. Das ist nicht immer gut (z. B. wenn Sie harte Farbgrenzen beibehalten wollen), aber im Allgemeinen ist es das "genauere" interpolierte Bild.

  Bicubic Smoother wird für Vergrößerungen empfohlen (da es den "Randhalo" an scharfen Grenzen mittelt, der ein Artefakt der kubischen Spline-Technik ist).

  Bicubic Sharper wird für Verkleinerungen empfohlen, da das Verkleinern großer Bilder auf eine kleine Größe dazu neigt, die Bilder zu verwischen und eine Schärfung erforderlich macht (wie viele Icon-Designer bestätigen werden).

Wenn Illustrator also nicht das gewünschte Ergebnis liefert, würde ich versuchen:

1. Passen Sie zunächst die Ausrichtung des Vektorlogos auf dem Pixelraster an, um unnötiges AA zu vermeiden.
2. Versuchen Sie dann, die AA-Kanten manuell nachzubessern, wenn nur eine geringfügige Anpassung erforderlich ist.
3. Versuchen Sie dann, auf einen geraden Faktor zu rastern, der größer ist als die gewünschte Ausgabe (z. B. 200 % oder 300 % Größe), und verwenden Sie dann Bilinear oder Bicubic Sharper , um das Bild in Photoshop herunterzuskalieren.

Konvertieren Sie Ihre Logo-Ebene in ein Smart-Objekt (klicken Sie mit der rechten Maustaste auf die Ebene, Sie finden Convert to Smart Object ) und ändern Sie dann die Größe.

Hinweis: Ändern Sie die Größe nicht immer wieder, da dies die ursprüngliche Qualität verliert, es werden Pixel angezeigt.

Ich beschäftige mich die ganze Zeit damit. Mein Unternehmen hat ein „O“ im Logo und „platte Reifen“, wenn Sie die Größe ändern. Dies scheint in Photoshop CC (vielleicht auch CS6) behoben zu sein, insbesondere mit der neuen Bildreferenzierungsfunktion.

Um dies zu vermeiden, importieren Sie in älteren Versionen von Photoshop den Vektor einfach in der endgültigen Größe, in der er angezeigt werden soll. Im Importdialog in PS einfach die Maße dort einstellen.

Sie müssen nicht mehrere Versionen erstellen, aber Sie müssen möglicherweise löschen und erneut importieren, während Sie die Größe erraten, die in Ihrem Design funktioniert.