[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/www.iwelt.de\/tipps-fuer-professionelle-fotos-im-web\/#BlogPosting","mainEntityOfPage":"https:\/\/www.iwelt.de\/tipps-fuer-professionelle-fotos-im-web\/","headline":"Basic-Tipps f\u00fcr professionelle Fotos im Web","name":"Basic-Tipps f\u00fcr professionelle Fotos im Web","description":"Ob Webseite, Onlineshop oder Newsletter – die Erstellung und Verwendung von professionellen Fotos ist das A und O bei Webinhalten. Wir haben die wichtigsten Basic-Tipps f\u00fcr die Bild-Auswahl und -Bearbeitung […]","datePublished":"2021-05-10","dateModified":"2021-05-12","author":{"@type":"Person","@id":"https:\/\/www.iwelt.de\/author\/johanna-baumgart\/#Person","name":"Johanna","url":"https:\/\/www.iwelt.de\/author\/johanna-baumgart\/","identifier":32,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/a07826e4c0329dd425602f91f38f50276a8aedcb54462641d15b01f8458bc0cf?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a07826e4c0329dd425602f91f38f50276a8aedcb54462641d15b01f8458bc0cf?s=96&d=mm&r=g","height":96,"width":96}},"image":{"@type":"ImageObject","@id":"https:\/\/www.iwelt.de\/wp-content\/uploads\/Basic-Tipps-fu\u0308r-professionelle-Fotos-im-Web.jpg","url":"https:\/\/www.iwelt.de\/wp-content\/uploads\/Basic-Tipps-fu\u0308r-professionelle-Fotos-im-Web.jpg","height":1109,"width":1664},"url":"https:\/\/www.iwelt.de\/tipps-fuer-professionelle-fotos-im-web\/","about":["Allgemein","iWelt-News","News"],"wordCount":687,"articleBody":"Ob Webseite, Onlineshop oder Newsletter – die Erstellung und Verwendung von professionellen Fotos ist das A und O bei Webinhalten. Wir haben die wichtigsten Basic-Tipps f\u00fcr die Bild-Auswahl und -Bearbeitung zusammengetragen.H\u00e4ufig ist Bef\u00fcllung der Website bzw. des Onlineshops sowie die Newsletter-Erstellung f\u00fcr den zust\u00e4ndigen Mitarbeiter nur eine Aufgabe von vielen. Verst\u00e4ndlich, dass ohne grafische Ausbildung die Bildbearbeitung hier das ein oder andere Problem bereitet.Warum ist uns das so wichtig? Egal f\u00fcr welches Medium oder Format \u2013 die Qualit\u00e4t der Bilder tr\u00e4gt enorm zur Wirkung der kompletten Seite bei. Denn das beste Layout funktioniert nicht ohne gute Bilder. Nicht umsonst hei\u00dft es: Ein Bild sagt mehr als tausend Worte!grafische Kriterien f\u00fcr professionelle Fotos:1) Vorauswahl treffenIst das Foto unscharf, reichlich \u00fcber- oder unterbelichtet? Dann ab damit in den Papierkorb, denn hier ist (f\u00fcr den Laien) nichts mehr zu retten. Ist kein Alternativ-Foto vorhanden? Vielleicht hilft der Kauf eines Bildes bei einer Bildagentur, wie iStock oder GettyImages. Auf keinen Fall einfach ein Bild aus dem Web verwenden, da sonst das Urheberrecht verletzt wird. Notfalls besser kein Bild, als ein wirklich schlechtes oder geklautes Foto.2) Ansprechendes BildFotos sollten beim Betrachter Emotionen wecken. Besonders gut gelingt das mit Bildern von Menschen und Lebewesen. Hierbei sollte auf ein ausdrucksstarkes Bild geachtet werden. Aber auch gute Landschaftsaufnahmen oder in Szene gesetzte Produkte k\u00f6nnen Blicke auf sich ziehen.3) Bild-KorrekturenLeichte Farbkorrekturen wie Helligkeit, Kontrast oder Sch\u00e4rfe kann man nachtr\u00e4glich noch gut optimieren.4) BildausschnittMan sollte immer einen sinnvollen Bildausschnitt w\u00e4hlen und\u00a0 das Motiv damit in den Fokus setzen. Hier das Auge am besten von links nach rechts leiten, unserer westlichen Schreib- und Lesegewohnheit angepasst.5) BlickrichtungEine Person, die zu einer bestimmten Seite blickt, sollte grunds\u00e4tzlich ‚in die Webseite‘ schauen. Richtet sich der Blick der abgebildeten Person nach au\u00dfen (und damit weg vom Text), so wirkt die Person am Inhalt desinteressiert, was auf den Betrachter abf\u00e4rben kann.6) PerspektiveLinien im Bild sollten beachtet und, wenn n\u00f6tig, begradigt werden. Besonders auff\u00e4llig sind verzerrte bzw. schr\u00e4ge Linien bei Geb\u00e4udefluchten und Horizont.7) HarmonieStehen mehrere Bilder neben- oder untereinander, sollten diese miteinander harmonieren.\u00a0 Hierbei ist auf Farbe und Motive zu achten. Au\u00dferdem sollten \u201eschwere\u201c Bilder lieber unten platziert werden.Wenn neben diesen grafischen Aspekten jetzt noch ein paar technische Punkte beherzigt werden, kann schon nichts mehr schief gehen.Technische Kriterien f\u00fcr professionelle Fotos:1) Bildgr\u00f6\u00dfeDie Bildgr\u00f6\u00dfe sollte unbedingt Beachtung finden. Je gr\u00f6\u00dfer das Bild, desto gr\u00f6\u00dfer auch die Dateigr\u00f6\u00dfe und somit die Ladezeit. F\u00fcr Produkt-Bilder im Onlineshop empfehlen wir eine maximale Pixelgr\u00f6\u00dfe von ca. 1.500 px auf der l\u00e4ngeren Seite, dabei ist eine Dateigr\u00f6\u00dfe von 150 kB ein guter Richtwert. Bei Header- und Sliderbildern darf es etwas gr\u00f6\u00dfer sein, bis zu 1.920 px auf der l\u00e4ngeren Seite bei einer Dateigr\u00f6\u00dfe von maximal 270 kB.2) FarbmodusSollten die Farben des Bildes seltsam aussehen, k\u00f6nnte das am Farbmodus liegen. Im Web werden Bilder im RGB-Modus dargestellt. Im Druck wird jedoch CMYK verwendet. Wenn z. B. Druckdaten nicht korrekt umgewandelt werden, kann es dadurch zu Farbverschiebungen kommen.3) DateinameDer Name der Datei spielt f\u00fcr Suchmaschinen und \u00dcbersichtlichkeit in\u00a0 CMS\/Shop-Systemen eine wichtige Rolle. Hier ist auf einen aussagekr\u00e4ftigen Dateinamen zu achten,\u00a0 auf Leerzeichen, Sonderzeichen, Gro\u00dfschreibung und Umlaute sollte verzichtet werden.z. B. Firmenjubil\u00e4um & Sommerferst.jpg > iwelt_firmenjubilaeum_sommerfest.jpg4) DateiformatM\u00f6glichst immer das JPEG-Format mit einer Qualit\u00e4t von 50 bis 60 bzw. ‚mittel‘ verwenden. Sollten Transparenzen ben\u00f6tigt werden, ist das PNG-Format die richtige Wahl.So kompliziert h\u00f6rt sich das alles doch gar nicht an. Fehlt noch ein Programm zur Bildbearbeitung? Kein Problem, denn f\u00fcr professionelle Fotos muss es nicht gleich Adobe Photoshop sein. Im Netz gibt es einige kostenlose oder g\u00fcnstige Tools, die perfekt die Basic-Bearbeitung meistern. Das k\u00f6nnen wir empfehlen: Optimizilla, TinyPNG oder ImageOptim.Sie m\u00f6chten Ihren Onlineshop oder Ihre Webseite professionalisieren, oder haben Fragen zur Bildbearbeitung oder Bildauswahl? Kontaktieren Sie uns gerne.Autorin: Katja Schneider, Mediengestalterin aus dem Team Business Solutions"},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Basic-Tipps f\u00fcr professionelle Fotos im Web","item":"https:\/\/www.iwelt.de\/tipps-fuer-professionelle-fotos-im-web\/#breadcrumbitem"}]}]