Animiertes Logo ist mit Artefakten versehen

Gelöst epinephrin90
(@epinephrin90)

vor 2 Jahren

Hallo zusammen,

ich habe mir für meine Homepage ein Logo als Vektorgrafik erstellen lassen.
Lade ich dieses in WordPress hoch (als *.png), so ist dieses gestochen scharf und es sind nirgends Artefakte oder Stufen an der Grafik zu sehen.
Im nächsten Schritt habe ich mir das Logo animieren lassen, lade ich jedoch die Animation hoch (*.gif), so weist dieses Artefakte bzw. Stufen in manchen Bereichen auf. Diese Größe des GIFs ist 2000×2000 Pixel. Ganz egal wie groß ich es einbette, bei der GIF Datei sind immer Artefakte zu sehen.

Auf der Honmepage ist das LINKE Bild das animierte, rechts hingegen das stastische. An den Spitzen sind z.B. solche Artefakte zu sehen.

Wisst ihr hier Abhilfe?

Gruß
Bastian

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)

bscu
(@bscu)

vor 2 Jahren

Wenn der Browser Bilder runter skalieren muss, dann darf du dich über diese Treppenbildung nicht wirklich wundern. Ich würde daher die Grafik mit einem vernünftigem Programm auf die maximal erforderliche Große skalieren und diese dann auf der Webseite benutzen.

Moderator Bego Mario Garde
(@pixolin)

vor 2 Jahren

Wieso denn überhaupt skalieren/konvertieren, wenn die Grafik schon als svg vorliegt?
Thread-Starter epinephrin90
(@epinephrin90)

vor 2 Jahren
Hallo,
@pixolin
die Grafik liegt als SVG vor, jedoch brauch ich für die Animation ja irgendeine „Video“-Datei, oder? In diesem Fall wurde mir eine GIF zur Verfügung gestellt. Eine SVG funktioniert ja hier nicht oder? Oder verstehe ich hier etwas falsch?

@bscu
das hatten wir auch schon probiert – liegt jedoch wohl am Dateiformat?

Skalieren an sich war notwendig, da das GIF zu groß vorlag. Das GIF zeigt auch in der Originalgröße in WordPress dann diese Stufen. In After Effects sieht man das noch nicht.
- Diese Antwort wurde geändert vor 2 Jahren von epinephrin90.
- Diese Antwort wurde geändert vor 2 Jahren von epinephrin90.
bscu
(@bscu)

vor 2 Jahren

Ich bin kein SVG-Spezialist, aber auch SVG’s sind animierbar, siehe z.B. https://www.hongkiat.com/blog/svg-animations/

Wie das bei deiner Animation aussehen müsste, kann ich dir leider nicht sagen, müsste man sich mal ernsthaft mit beschäftigen.
Thread-Starter epinephrin90
(@epinephrin90)

vor 1 Jahr, 11 Monaten
Habs gelöst – hab das ganze nun als Lottie eingebunden! 🙂
- Diese Antwort wurde geändert vor 1 Jahr, 11 Monaten von epinephrin90.
Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 11 Monaten

Danke für die Rückmeldung – aber was bitte ist „Lottie“?

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 11 Monaten

Kannte ich auch noch nicht: https://lottiefiles.com/svg-to-lottie

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)

Das Thema „Animiertes Logo ist mit Artefakten versehen“ ist für neue Antworten geschlossen.

Ansichten