Logo is blurred

zusammen:
https://webers-webdesign.de/AB-SP.svg

das letzte hochladen, und als logo einsetzen.

wenn ich sowas nachbauen muss, dann schaue ich zunächst auf deren Seiten ob da pdfs existieren. PDFs sind auch Container Formate. Und die Bilder etc. sind eigentlich meist als solche einzeln auswählbar ( im Acrobat ) bzw – wenn man denn die Sachen im Illustrator öffnet auch!!!
Wenn man Glück hat, war da mal jemand dran den es auch stört schlechte png/jpgs in Dateien einzubetten. Also sind meist die Logos als vektoren vorhanden. Das Glück hatten wir nun bei beiden Seiten, dort konnte ich pdfs ziehen, die eingebettete Logo in Vektorform hatten.

Leider setzt der Illustrator defaultmäßig für die Gruppen die Standard Klassen st0, st1 etc.
Da muss man also ran – damit es nachher auch via css gut ansprechbar bleibt, muss man sinnvolle Gruppen setzen.

Öffne doch mal das svg mit einem guten Editor. Oder schau dir das mit den Developer Tools mal an:

du siehst, ich habe die beiden logos in separaten Gruppen und du könntest nun die Sachen auch per quick css umfärben.

ich lösche jetzt mal wieder die Testseite – OK ? – wenn du es gesehen hast.

PS : beim Nachbau habe ich natürlich nicht darauf geachtet.
Aber ich denke, man schreibt “Alle” im Spitex-Logo groß.

Frag mal ob Du das ändern sollst. Dann melde Dich nochmals. ;)

Lade es dir aber nochmal runter, ich habe die Farben noch einwenig verändert.
https://webers-webdesign.de/AB-SP.svg

Gemäß deren Logo : https://www.spitex.ch/img/spitex2022/ch.spitex2022/logo_de-hcB8186EFD.svg

Danke – Lernen durch Lehren ;)
(Seneca – Mutuo ista fiunt, et homines dum docent discunt.). :lol
Es gibt hier Fragen auf die ich nie gekommen wäre, auf die aber auch Kunden kommen könnten. Es ist immer gut, dann nicht herumzudrucksen, sondern mit einer Lösung direkt zu antworten. Das ist quasi Eigennutz ;)

Sag mal Bescheid ob es mit dem svg als Logo nun nicht mehr ganz so “blurry” ist. Bei sehr kleiner Header Höhe befürchte ich, das die sehr kleinen Schriften trotz der theoretischen Schärfe nicht mehr lesbar sein werden ( Bei Header Height 150px sollte aber das ok. sein ). Das liegt dann am Rendern der Browser – und an der Auflösung deines Endgerätes. Ich staune manchmal was alles noch lesbar auf meinem iPhone oder dem iPad mit Retina Display ist.