So ändern Sie die Größe und beschneiden Fotos für Ihre Website mit Pixlr
Wie ich mit Pixelr endlich die Größe meiner Fotos für die Website angepasst und zugeschnitten habe
Ehrlich gesagt kann es eine echte Herausforderung sein, Bilder auf der eigenen Website ansprechend darzustellen, insbesondere wenn man es schnell und ohne Photoshop oder Lightroom schaffen möchte. Ich bin eher zufällig auf Pixelr gestoßen, und es stellte sich als ziemlich unkompliziert heraus – allerdings nicht ohne Macken. Hier ist, was nach langem Herumprobieren endlich funktioniert hat, und hoffentlich hilft es jemandem, der nicht weiterkommt.
Öffnen Sie zunächst Pixelr und laden Sie Ihr Bild
Ich bin gerade auf pixelr.com gegangen. Es ist ein Webtool, also muss man zum Glück nichts installieren.Öffnen Sie einfach die Seite, und auf der Hauptseite gibt es eine Option zum Hochladen Ihres Fotos. Ich habe etwas gebraucht, um den richtigen Button zu finden – manchmal ist es ein großes „+“-Symbol, manchmal ein „Bild hier ablegen“-Bereich, je nach Version. Suchen Sie aber nach der Option „Bild öffnen“.Klicken Sie darauf und wählen Sie dann Ihre Datei aus. Beachten Sie, dass die Benutzeroberfläche unübersichtlich oder etwas verwirrend sein kann, wenn Sie nicht daran gewöhnt sind. Geduld ist hier gefragt, denn der versteckte Button kann leicht übersehen werden, insbesondere bei älteren Browsern oder kleineren Bildschirmen.
Ändern der Bildgröße für Ihre Website
Sobald Ihr Bild hochgeladen ist, sollten Sie seine Größe an das Layout Ihrer Website anpassen. Gehen Sie dazu in die obere Menüleiste, suchen Sie nach „Bild“ und wählen Sie „Bildgröße“. Hier bin ich ins Stolpern geraten: Ich habe sichergestellt, dass „Proportionen beibehalten“ (oder vielleicht auch „Seitenverhältnis beibehalten “) aktiviert war, denn sonst sieht Ihr Foto völlig falsch aus – gestreckt oder gequetscht, und das ist nicht gut. Ich habe die Breite auf 1000 Pixel eingestellt; Pixelr passt die Höhe automatisch an das Seitenverhältnis an, was eine große Hilfe ist. Wenn Ihre Zielabmessungen anders sind, passen Sie die Breite oder Höhe einfach anschließend an. Bedenken Sie, dass bei dieser Größenänderung die Originalqualität erhalten bleibt. Es kann also einen Unterschied machen, ob Ihr Bild riesig oder winzig ist.
Unerwünschte Teile mit dem Zuschneidewerkzeug ausschneiden
Manchmal reicht es nicht aus, die Größe zu ändern, insbesondere wenn Sie einen bestimmten Bereich hervorheben oder störende Hintergründe entfernen möchten. Also habe ich das Zuschneidewerkzeug in der linken Seitenleiste gesucht – es sieht aus wie ein kleines Quadrat oder Rechteck mit zwei senkrechten Linien – und darauf geklickt. Dann habe ich den Rahmen über den Teil des Fotos gezogen, den ich behalten wollte. Das ist etwas fummelig, insbesondere wenn Sie ein perfektes Quadrat oder ein bestimmtes Seitenverhältnis erzielen möchten, aber mit ein wenig Übung ist es machbar. Sie können die Größe des Zuschneiderahmens nach Bedarf ändern oder ihn verschieben. Wenn es gut aussieht, klicken Sie oben auf „Zuschneiden“ oder bestätigen Sie – je nachdem, welche Option angezeigt wird – und der Rahmen sollte zugeschnitten und an der richtigen Stelle eingefügt werden. Anfangs fühlt es sich etwas holprig an, aber nach ein paar Versuchen hat man den Dreh raus.
Überprüfen und ggf.erneut die Größe ändern
Nach dem Zuschneiden gehe ich zurück zu „Bildgröße“, um sicherzustellen, dass alles noch den Vorgaben meiner Website entspricht. Zuschneiden kann manchmal die Proportionen verzerren oder Dinge merkwürdig aussehen lassen, daher lohnt es sich, dies noch einmal zu überprüfen. Bei Bedarf habe ich die Größe erneut angepasst – beispielsweise die Breite bei 1000 Pixeln belassen –, damit das Bild schnell geladen wird und dennoch eine gute Qualität aufweist. Sollte Ihr Bild nach der Größenänderung verpixelt oder unscharf aussehen, sollten Sie die Komprimierungsqualität etwas verringern oder es mit einem anderen Editor erneut exportieren. Insgesamt geht es aber nur darum, Größe, Qualität und Ladezeit in Einklang zu bringen.
Schließlich speichern Sie es für das Web
Wenn Sie mit dem Ergebnis zufrieden sind, gehen Sie zu „Datei“ und dann zu „Speichern“ oder „Exportieren“. Sie erhalten die Formatoptionen JPG oder PNG. Für die meisten Fotos eignet sich JPG gut, und Sie können den Qualitätsregler auf 80–90 % einstellen, um die Dateigröße überschaubar zu halten und dennoch eine anständige Klarheit zu erhalten. PNG ist besser geeignet, wenn Ihr Bild Transparenz oder scharfe Linien benötigt, wie zum Beispiel Logos. Nachdem Sie Ihre Einstellungen gewählt haben, geben Sie der Datei einen eindeutigen Namen, damit Sie sie später wiederfinden, und speichern Sie sie an einem leicht zu merkenden Ort – zum Beispiel auf Ihrem Desktop oder in einem „Bilder“-Ordner. Klicken Sie bei der Aufforderung auf „Herunterladen“ und zack, schon haben Sie Ihr webfähiges Bild. Ich habe ein paar Versuche gebraucht, bis es genau richtig war, aber jetzt habe ich einen ziemlich soliden Arbeitsablauf.
Insgesamt ist Pixelr ein gutes Tool, sobald man sich an seine Eigenheiten gewöhnt hat. Es ist kostenlos, funktioniert direkt im Browser und erfordert keine komplizierte Softwareinstallation. Schnelle Bearbeitungen wie Größenänderung und Zuschneiden ersparen viel Kopfzerbrechen. Ehrlich gesagt habe ich viel länger gebraucht, um das herauszufinden, zumal die Benutzeroberfläche anfangs nicht besonders intuitiv ist. Aber sobald ich wusste, wo alles ist, wurde es viel einfacher, ohne viel Aufwand ansprechende Bilder für die Website zu erstellen.
Wenn Sie Probleme mit Ihren Bildern haben, denken Sie daran: Überprüfen Sie die Abmessungen, stellen Sie sicher, dass „Proportionen beibehalten“ beim Ändern der Größe aktiviert ist, und schneiden Sie sorgfältig zu.Überprüfen Sie auch Ihr exportiertes Bild, um Online-Überraschungen durch Pixelbildung oder schlechte Qualität zu vermeiden. Viel Erfolg – ich hoffe, das erspart jemandem ein paar frustrierende Stunden!
Ähnliche Artikel
War dieser Artikel hilfreich?