Wie optimiere ich meine iPhone Bilder für meine Website?

ich habe einige Bilder die ich für meine Webseite brauchen möchte auf meinem iPhone 13 Pro geschossen. Sprich es sind grosse Bilder, die so meine Webseite vieel zu langsam machen würden.

ich habe Gimp und benne die Datei immer zuerst von HEIC auf Jpeg um. Dann skaliere ich das Bild runter mit NoHalo (von 3023px breite auf 510px breite).

Jedoch sieht das ganze Bild nicht mehr so schön aus, viel pixeliger.
wie machen es all die anderen Webseiten die richtig schöne Cinematic Bilder auf der Seite haben, aber die Seite trotzdem schnell lädt?

was ist die beste Option? Btw. meine Webseite ist auf Wordpress und benutze den Elementor Page Builder.

ich hoffe um gute Antworten :)

danke

5 Antworten

herja

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Bilder, Photoshop, Bild-, Video- & Audiobearbeitung

04.10.2022, 17:31

Hi,

über dieses Thema kann man ganze Romane lesen und schreiben ...

Hier das Richtige für dich zu finden ist wirklich schwierig, weil eben viele verschiedene Faktoren wichtig sind oder sein können.

Hier findest du eine recht gute und vollständige Anleitung dazu: https://www.ionos.de/digitalguide/websites/webdesign/bilder-komprimieren-mithilfe-kostenloser-tools/

Woher ich das weiß:eigene Erfahrung

Rolajamo

04.10.2022, 13:51

Du legst die Bilder in der doppelten Auflösung an in der sie auf deiner Website dargestellt werden, dann werden sie auch auf Retina Displays scharf dargestellt.

Dann kannst dir für Wordpress ein Plugin holen, dass dir die Bilder direkt komprimiert.

Woher ich das weiß:Berufserfahrung – Senior UX Designer

Kingkashtrim

Fragesteller

04.10.2022, 14:04

Kannst du ein Plugin empfehlen? Am besten Kostenlos wenn es was auf gutes gibt

Mikrogramm

04.10.2022, 14:23

HEIF/HEIC ist aber nicht JPG. Das ist wohl der erste Bearbeitungsfehler. Runter scalieren? Muss man nicht, bei der Dateiausgabe kann man dann das finale Format festlegen. In Photoshop hat der Exportdialog fürs Web geeignete Einstellmöglichkeiten.

https://www.adobe.com/de/creativecloud/file-types/image/comparison/heic-vs-jpeg.html

https://nokiatech.github.io/heif/technical.html

Gimp in der aktuellen Version kann HEIF/HEIC öffnen.

3023 Pixel Breite ist jetzt nicht die sonderlich hohe Auflösung bei der Aufnahme.

12 Megapixel, also 4.000x3.000 Pixel sollen es bei dem iPhone 13 sein.

Meine alte Nikon DSLR macht schon mit CMOS-Sensor APS-C: 14,8 Megapixel (physikalisch) und 14,0 Megapixel (effektiv), 4.592 x 3.056 Pixel (3:2)

IXXIac

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Foto, Kamera, Bild-, Video- & Audiobearbeitung

04.10.2022, 14:42

Hallo

Ich habe Gimp und benne die Datei immer zuerst von HEIC auf Jpeg um

der Witz ist gut

Kingkashtrim

Fragesteller

04.10.2022, 14:55

war nicht mal ein Witz. Jpg ist doch kleiner als HEIC?

Kingkashtrim

Fragesteller

04.10.2022, 14:58

@Kingkashtrim

Bzw ich speichere das Bild erstmals als jpg, nicht einfach unbenennen, falls das besser ist

Photon123

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Bilder

04.10.2022, 13:57

510 Pixel sind wirklich ein Furz. Man sollte schon eher sowas wie 1000px haben.

Keine Ahnung was die Programme da treiben. Ich verkleinere ein Bild oft sogar nur mit Paint und da wird auch nichts pixelig. Es gehen halt nur einige Details verloren durch Verkleinerung, aber das ist normal. Ein Pixel ist halt ein Pixel...

Die Ladezeiten sind in der Realität auch im Grunde egal (ich nutze sogar png). In Zeiten von DSL und Glasfaser spielt das keine Rolle, nur halt bei der Wertung bei Googel....wenns einen interessiert.

Kingkashtrim

Fragesteller

04.10.2022, 14:04

SEO ist mir schon wichtig. Also lahme Website geht bei mir nicht.

Ich habe die 510px von diesem "Cheat Sheet". Da das Bild die Hälfte der Website deckt, dachte ich 510px ist okay

Mikrogramm

04.10.2022, 14:26

@Kingkashtrim

Wenn deine Website nicht bahn.de oder zdf.de mit entsprechend großen Abrufen ist, dann spielt SEO keine Rolle. Und mein Bildschirm hat die klassische Auflösung in Full HD, 1920 Pixel breit, da passt mehr drauf als 510.

Ähnliche Fragen

Import von iPhone Fotos in Lightroom?

Ich benutze lightroom 6 und habe mir von meinem iPhone Bilder auf den Desktop meines MacBooks geAirdropt. Ein Import in Lightroom schlägt fehl. Sowohl bei HEIC als auch nach einer Konvertierung in JPG. Kann mir jemand weiter helfen?

...zur Frage

Wie ladet und konvertiert ihr die "Heic Format" Bilder auf den PC?

Der Konverter ist plötzlich kostenpflichtig geworden ( Imazing..) ...

Ich brauche diese neuen Funktionen nicht wirklich.. sondern möchte einfach nur manchmal die Fotos vom Iphone auf dem PC abspeichern & konvertieren in JPEG

...zur Frage

HEIC-Bildformat nur mit 72 ppi Pixeldichte?

Hallo zusammen,

mein neues Smartphone erstellt Fotos im HEIC-Format. Bei der Anzeige auf dem Computer musste ich feststellen, dass die Bilder nur 72 ppi haben. Unterstützt das Bildformat keine 300 ppi, die es ja für einen sauberen Druck der Bilder erfordert? Oder gibt es innerhalb des Formats einen Workaround?

Beste Grüße,

Apple1996

...zur Frage

Foto-Dateiformat .heic?

Mein Freund hat mit seinem iPhone 13 Bilder im .heic Format gemacht. Diese Bilder sind auf seinem handy äußerst scharf und detailliert. Er hat mir diese Bilder per Airdrop auf mein Macbook geschickt und ich habe diese von dort in die Dropbox hochgeladen. Wenn ich die Bilder in meiner Dropbox nun über mein Handy (Samsung Galaxy S21) ankucke, ist die Qualität dieser Bilder miserabel. Die Bilder sind unscharf und wirken wie wenn sie 2004 gemacht wurden. Auch die Qualität der Bilder am MacBook überzeugt nicht komplett. Woran kann das liegen? Liegt das am Dateiformat? An Dropbox? Oder an meinem Handy?

Es sind leider sehr viele Bilder die ich in einer echt schlechten Qualität habe. Bin deswegen für jeden Tipp froh.

Habe schon ein Bild testweise in .jpeg umgewandelt und erneut in die Dropbox hochgeladen, dann war das Bild an meinem Handy in der Dropbox ebenso unscharf.

Danke für eure Antworten

...zur Frage

Webseitenlayout in falscher Bildschirmgröße?

Hallo,

ich erstelle gerade mit wordpress und elementor pro eine Webseite. Dafür habe ich mir eine Vorlage installiert (diese geht als Desktopversion über den gesamten Bildschirm). Nun bearbeite ich diese und klicke auf Vorschau: Dann ist plötzlich die Webseite nur auf der hälfte der Seite (in der Breite) zu sehen, statt über die gesamte Fläche. Außerdem wird sowohl oben, wie auch unten das ganze Branding von wordpress angezeigt inklusive Titelname etc. den ja keiner sehen soll.

Wäre für eure Hilfe sehr dankbar, da das sicherlich nur ein kleines Problem ist, was sich leicht beheben lässt.

...zur Frage

Schönere Fotos mit IPhone machen?

Hallo,

ich habe ein iPhone 13 und trotzdem werden die Bilder nie richtig schön. Ich fotografiere am liebsten meine Pferde und die Fotos haben nie eine schöne Qualität. Hat jemand Tipps und Tricks die ich machen kann damit die Bilder schöner werden? Vielleicht auch kostenlose Bearbeitungs Apps fürs Handy?

...zur Frage

IMovie Seitenverhältnis?

Hallo, ich würde in iMovie gerne ein Video erstellen, das ein Bild nach dem anderen normal zeigt. Eigentlich ganz simpel aber nun ist das Bild in die Breite gezogen und man sieht nur die Hälfte des Bildes. Ich möchte nur, dass man die Bilder quadratisch sieht! Nach dem Seitenverhältnis wird nicht gefragt, wo kann ich es einstellen? Benutze es auf meinem IPhone 6. Vielen Dank!

...zur Frage

Bildgröße ändern ohne Bilder zu verziehen?

Ich habe Bilder in Forza Horizon 5 gemacht und möchte sie gerne auf dem Ipad als Hintergrund verwenden, allerdings ist entweder Höhe oder Breite unpassend. kennt jemand eine Lösung, dass die Bilder bei Höhe und Breite mit der Ipad Auflösung übereinstimmen? Danke

...zur Frage

Wie kann ich ein Bild in Picsart so bearbeiten?

Hey!

Ich würde gerne ein eigenes Bild in PicsArt so bearbeiten, dass es quasi nur ein Schatten ist (also man nur schwarz bzw. die Umrisse der Personen sieht).

Kann mir eventuell jemand sagen, wie das geht? Danke!

...zur Frage

Kann man diese Fotos hochladen / teilen?

Ich habe mit meinem Handy (iPhone 12) zwei Fotos gemacht, die ich auf Dropbox teilen möchte.
Auf meiner Fotomediathek wird angezeigt, dass beide Bilder jeweils 2.2 MB gross sind. Die Qualität darf beim Teilen keinesfalls verringert werden!
Als ich die Fotos hochgeladen habe (Format jpeg), war das eine aber 948 KB gross und das andere 649 KB. Ich habe es noch weitere Male versucht, dort kamen dann zuerst 595 KB und 433 KB raus (Format heic), bei einem dritten Versuch dann wieder dasselbe wie beim ersten Mal.

Sollte die Qualität beim Hochladen nicht gleich bleiben? Was habe ich genau falsch gemacht?
Und gibt es einen Weg, wie ich die Fotos in der ursprünglichen Qualität teilen kann?

...zur Frage

Fotos a la Justin oder Shirin?

Hey, wie kriege ich solche Bilder hin?
ist das ein Filter? Wenn ja welcher? Liegt es an der Kamera? An dem Flash? Was brauche ich um solche Bilder zu schießen??
Shirin David, Justin Peso, Pati

#Foto #Instagram #Bilder #Vintage #Kamera

...zur Frage

Wie kann ich Bilder in HTML bzw. CSS horizontal automatisch verteilen?

Ich möchte gern auf meiner Webseite (Schulaufgabe - die Lehrerin hat natürlich mal wieder alles genau erklärt) einige Bilder horizontal über die Breite des Feldes verteilen. Das aber nicht mit absoluten Werten sondern automatisch da wir auch responsive Design anwenden sollen - wenigstens ein klein wenig zumindest.

Nun schaffe ich es aber maximal die Abstände zwischen den Bildern mit margin einzustellen, dass diese sich automatisch verteilen funktioniert nicht wirklich, auch nicht mit auto.

Hier der Code der bisherigen Klasse für die Bilder:

.BildStartseite{
    width:150px;
    margin-left:2%;
    margin-right:2%;
}

vielleicht könnt ihr mir da ja helfen. Danke im voraus! :)

...zur Frage

Wie mache ich ein Monatliches Bilder Abo in WP?

Guten Abend, Erst mal, ich nutze Wordpress und Elementor Pro.

Ich habe meine Seite so gut wie fertig, jedoch fehlt eine der wichtigsten Funktionen, und zwar wenn man beispielsweise Abo1 Abonniert erhält man eine Rolle ("Abo1" Rolle). Abo1 soll Wöchentlich 7 Bilder über die Webseite erhalten die bereits in der Datenbank geladen sind, die Bilder werden dann automatisch nach für nach Freigeschaltet beziehungsweise Angezeigt, die vorherigen werden dann Gelöst (nur so das der Kunde es nicht sehen kann).

Angenommen ein Kunde ändert/Abonniert zu Abo2 (Rolle "Abo2") also 14 Bilder die Woche, dann sollte dieser auch 14 Bilder statt nur 7 erhalten...

Ich könnte es mir einfach machen und die Bilder über Email senden, jedoch ist das nicht wirklich Diskret da die Bilder Erotischer Natur sind und es weniger Professionell ist das Produkt über Email zu senden.

Was ich vorschlage wäre halt eine art Newsletter Plugin, aber wichtig ist das kein Code benötigt wird da ich nicht gerade besonnen im Programmieren bin.

Vielleicht etwas in dieser Richtung, Danke!

...zur Frage

Wie ist ein Bild mit transparenten Übergang programmierbar (css/HTML)?

Hallo!

Ich würde gerne für meine Website ein Bild einbauen, welches nach unten immer transparenter wird. Wenn es geht würde ich gerne nur css, HTML oder JavaScript nutzen. (Wie) Ist das möglich?

Ich möchte es gerne so ähnlich wie in YouTube Music machen, wenn man seinen eigenen Account ansieht. Hier ist auch nochmal ein Screenshot:

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen