So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So machen Sie Ihre Blog-Bilder atemberaubend, auch wenn Sie nicht …

Sie bloggen glĂŒcklich. Schreiben Sie viele erstaunliche SĂ€tze, fĂŒgen Sie spektakulĂ€re Schlagzeilen hinzu und begeistern Sie Ihre Leser mit Ihrer witzigen Prosa. Wenn Sie fertig sind, klicken Sie auf "Post" und warten Sie. Niemand bemerkt Ihren Beitrag! Oder es gibt sowieso nicht genug Leute. Eine Möglichkeit, dies sicherzustellen, ist locken sie mit atemberaubenden Bildern.

Eigentlich sind Ihre Blog-Bilder Ihre Visitenkarte. Sie erscheinen in Facebook, Google+ und Pinterest. Sie erscheinen auch auf der Homepage Ihres Blogs und in der Publikation selbst. Nicht nur das, sondern nach a dieser Hubspot-Beitrag::

90% der an das Gehirn ĂŒbertragenen Informationen sind visuell 40% der Menschen werden besser darauf reagieren visuell Informationen, die Klartext enthalten Facebook, Fotos Leistung besser fĂŒr Likes, Kommentare und Aktionen Pinterest generierte mehr Empfehlungsverkehr fĂŒr Unternehmen als Google+, YouTube und LinkedIn zusammen

Bilder sind Ă€ußerst wichtig fĂŒr den Erfolg Ihres Blogs. Sie mĂŒssen Ihre Bilder ernst nehmen!

Wo finde ich unglaubliche Bilder?

Es gibt mehrere Websites, auf denen Sie fantastische kostenlose Bilder finden können. Lassen Sie sich von der Google Bildsuche nicht in Versuchung fĂŒhren. Ich weiß, dass es einfach ist. Aber im Allgemeinen haben Sie keine Ahnung, wem das Bild gehört. Und dieses Problem einfach zu ignorieren, ist nicht die Antwort. Einige Bildbesitzer werden es verfolgen und … Sie bitten, es zu entfernen. Es ist am besten, Creative Commons-lizenzierte Bilder mit der richtigen Lizenz zu verwenden. Eine dieser drei: –

  • teilen
  • Remix (am besten)
  • Werbung (wenn Sie es fĂŒr ein Buch usw. verwenden)

Dies ist die Creative Commons-Website. Anzeigen der Bedingungen der Lizenzen, die Sie finden. Um ihre erstaunlichen Bilder zu finden, empfehle ich die Verwendung CompFight oder Photopin. Beide suchen auf Flickr nach Bildern mit Creative Commons-Lizenzen. Die Ergebnisse sind voll von hochwertigen Bildern und atemberaubenden Bildern.

CompFight

Einige schnelle Dinge, die Sie in CompFight beachten sollten

  1. Sie mĂŒssen den Creative Commons-Filter im MenĂŒ links aktivieren, bevor Sie suchen
  2. Die Ergebnisse in der Zeile sind keine freien Bilder
  3. Öffnen Sie die Bilder, die Ihnen gefallen, und der Lizenzlink befindet sich rechts neben dem Bild
  4. Der HTML-Code fĂŒr den Attributionslink wird deutlich angezeigt
  5. Manchmal wird ein Popup geöffnet, wenn Sie suchen. Schließen Sie es einfach (bezahlte Bilder).

Photopin

PhotoPin ist ziemlich Ă€hnlich, obwohl ich an CompFight gewöhnt bin, also benutze es nicht so oft. Dinge, die in PhotoPin zu beachten sind: –

  1. Sie haben auch Fotos oben (ĂŒber der Linie) gesponsert
  2. Wenn Sie den Link Foto abrufen öffnen, erhalten Sie auch eine gute Ansicht des Bildes in allen GrĂ¶ĂŸen zum Herunterladen.
  3. FĂŒr die Lizenz: Klicken Sie auf das Bild selbst. Die Lizenz befindet sich unter dem Bild auf der Flickr-Seite unten ZusĂ€tzliche Informationen sind die Lizenzdetails

Es gibt viele Alternativen, um kostenlose Bilder zu finden die Sie nach Belieben erkunden können.

Grundlegende Bildgebungskonzepte

Wenn Sie Bilder auswÀhlen oder sogar an Ihren eigenen Fotos arbeiten, sollten Sie einige Grundlagen der Fotografie kennen. Ich werde in diesem Beitrag nicht viel Zeit damit verbringen, aber hier sind einige Dinge zu beachten.

  1. Stellen Sie sicher, dass das Bild klar und scharf ist
  2. Verwenden Sie die richtige GrĂ¶ĂŸe (mindestens die Pixel, die Sie benötigen, einschließlich Zuschneiden usw.)
  3. Betrachten Sie einige grundlegende Kompositionsregeln (wie die Drittelregel – lesen Sie mehr Fototipps zu Lifehacker)
  4. Überlegen Sie, wofĂŒr es in Ihrem Blog verwendet wird und welchen Effekt Sie erwarten

Wie mache ich meine Blog-Bilder erstaunlich?

Jetzt hast du dein tolles Image, oder? Oft ist es nicht genau so, wie Sie es wollen. In anderen FÀllen ist es zunÀchst nicht gerade "cool". Keine Sorge, wir werden mit einigen grundlegenden Techniken an den Bildern arbeiten mach sie POP.

Online-Tools fĂŒr die Bildarbeit.

FĂŒr die einfachen Aufgaben, die wir in diesem Beitrag betrachten, werde ich ein großartiges Tool verwenden, das online verfĂŒgbar ist: Pixlr Express. * * Picmonkey Es eignet sich auch hervorragend fĂŒr einfache Aufgaben wie Zuschneiden, Farbe und Kontrast, GrĂ¶ĂŸenĂ€nderung, aber die Filter sind NICHT KOSTENLOS. Wenn Sie nach anderen Alternativen suchen, die einfacher oder komplexer sind, online oder offline, finden Sie hier eine große Liste großartiger Bildbearbeitungswerkzeuge. Siehe auch diesen Elna Cain Beitrag.

Arbeiten Sie an Ihrem Bild

Ich werde Sie nun durch eine Reihe von Schritten fĂŒhren, die Sie ausfĂŒhren mĂŒssen, wĂ€hrend Sie an einem Bild arbeiten, mit dem Sie nicht 100% zufrieden sind. Die grundlegenden Schritte sind

  1. Trimmen (ggf. nach dem Richten)
  2. Kontrast und Helligkeit
  3. GrĂ¶ĂŸenĂ€nderung
  4. Speichern und komprimieren

1. Beschneiden Sie Ihr Bild

Wenn Sie an einem Bild arbeiten, mĂŒssen Sie es zunĂ€chst zuschneiden:

  • im richtigen VerhĂ€ltnis
  • sich auf die richtigen Elemente konzentrieren
  • Alle unerwĂŒnschten GegenstĂ€nde ausschließen

Es gibt keinen richtigen oder falschen Weg, um ein Bild zuzuschneiden, aber Sie mĂŒssen die Möglichkeiten kennen und wissen, was Ihr Ziel ist. Mit seinem Bild in Pixlr Express geöffnet: –

  1. WĂ€hlen Sie Anpassung (erste MenĂŒoption)
  2. WĂ€hlen Sie Trimmen (wieder die erste Option)
  3. Bewegen Sie die blauen Quadrate an den Ecken, um den Bereich des Bildes zu bestimmen, den Sie behalten möchten
  4. Klicken Sie auf die SchaltflĂ€che Übernehmen Im unteren Bereich wird das Bild auf die Auswahl zugeschnitten
Pixlr-crop-image "class =" wp-image-26633 "srcset =" https://bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-crop-image-1.jpg 550w, https: / /bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-crop-image-1-279x180.jpg 279w "data-lazy-size =" (maximale Breite: 550px) 100vw, 550px "src =" https: //bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-crop-image-1.jpg "></figure>
<p>Alternativ zum manuellen Trimmen können Sie <strong>Verwenden Sie die Zuschneideoptionen </strong>im unteren MenĂŒ, um auf ein bestimmtes SeitenverhĂ€ltnis / SeitenverhĂ€ltnis zuzuschneiden.</p>
<figure class=Pixlr-Zuschneideoptionen

VORSICHT: Das Zuschneiden sollte nur erfolgen, wenn Ihr Bild gerade ist. Warum? Durch das Richten wird das Bild ein wenig verĂ€ndert. Also musst du das zuerst tun. Im Folgenden finden Sie eine kurze Anleitung und ein Beispiel dafĂŒr, was Ihnen das Richtwerkzeug dabei zeigt. Das Hauptziel besteht darin, die horizontalen oder wahren Teile des Bildes am weißen Gitter auszurichten.

  1. WĂ€hlen Sie MenĂŒoption einstellen
  2. WĂ€hlen Sie MenĂŒoption drehen
  3. Bewegen Sie den Schieberegler „Begradigen“ Verwenden Sie das Bild erscheint gerade (sie bieten ein Raster, um Ihnen zu helfen)
  4. Klicken Sie auf die SchaltflĂ€che Übernehmen
  5. ZurĂŒck zur Ernte (wie oben)
Pixlr-straighten-image "class =" wp-image-26636 "srcset =" https://bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-straighten-image-1.jpg 550w, https: / /bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-straighten-image-1-261x180.jpg 261w "data-lazy-size =" (maximale Breite: 550px) 100vw, 550px "src =" https: //bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-straighten-image-1.jpg "></figure>
<h3>2. Kontrast und Helligkeit</h3>
<p>Dies sind zwei Aspekte Ihres Bildes, die Sie leicht Ă€ndern können, um mehr POW zu erhalten! Oft werden Fotos mit den falschen Einstellungen aufgenommen, und eine einfache Änderung wie der Kontrast kann dies korrigieren.</p>
<ol>
<li>WÀhlen Sie <strong>Anpassung  </strong>(muss noch vom Abschneiden geöffnet sein)</li>
<li>WĂ€hlen Sie <strong>Kontrast </strong>
</li>
<li>
<strong>Bewegen Sie den Kontrastregler</strong> Verwenden Sie das Bild scheint dynamischer</li>
<li><strong>Klicken Sie auf die SchaltflĂ€che Übernehmen</strong></li>
</ol>
<p>Was meine ich damit? <strong>Dynamik </strong>bei Punkt 3. Nun, die <strong>Schwarz muss sehr schwarz erscheinen</strong>und <strong>sehr weiße Weiße</strong>. Aber bringen Sie es nicht zu unnatĂŒrlich. Wenn Sie feststellen, dass der Kontrast mehr oder weniger fein ist, einige Teile jedoch immer noch nicht sichtbar sind, verschieben Sie die Helligkeit ein wenig nach rechts (heller). Manchmal ist eine Kombination von beiden notwendig. Spielen Sie damit herum. * Hinweis: Manchmal kann das Bild einfach nicht verwendet werden. Versuchen Sie also nicht, das zu reparieren, was nicht repariert werden kann.</p>
<h3>3. Ändern Sie die GrĂ¶ĂŸe Ihres Bildes</h3>
<p>Sobald Sie Ihr Bild dort haben, wo Sie es möchten, sollten Sie es tun <strong>Ändern Sie die GrĂ¶ĂŸe auf die GrĂ¶ĂŸe, die Sie in Ihrem Blog benötigen</strong>. Wenn Sie nicht genau wissen, sollten Sie auf die folgenden GrĂ¶ĂŸen verweisen:</p>
<ul>
<li>Header-Bild oder volle Breite = 600-700 Pixel breit</li>
<li>Bilder mit halber Breite = 250-300 Pixel breit</li>
</ul>
<p>Versuchen Sie, die StandardgrĂ¶ĂŸe fĂŒr die Spaltenbreite Ihres Blogs zu bestimmen, damit Sie wissen, was fĂŒr Sie funktioniert. Je genauer Sie dies wissen und anwenden, desto kleiner werden Ihre Bilder und desto schneller wird Ihre Website geladen.</p>
<ol>
<li>WĂ€hlen Sie die<strong> MenĂŒoption einstellen </strong>(muss noch vom Abschneiden geöffnet sein)</li>
<li>WĂ€hlen Sie die <strong>MenĂŒoption GrĂ¶ĂŸe Ă€ndern</strong>
</li>
<li>
<b>Geben Sie den gewĂŒnschten Breitenwert ein </b>(Höhe wird automatisch angepasst)</li>
<li><strong>Klicken Sie auf die SchaltflĂ€che Übernehmen</strong></li>
</ol>
<p><strong>* Hinweis:</strong> Auf der Unterseite befindet sich ein VerhĂ€ltnisschalter. Es ist standardmĂ€ĂŸig aktiviert. Dadurch bleiben die Proportionen Ihres Bildes unverĂ€ndert. Lassen Sie es eingeschaltet, es sei denn, Sie möchten Ihr Bild verzerren. Dies wird normalerweise nicht empfohlen, es sei denn, Sie wissen, was Sie tun.</p>
<h3>4. Einsparungen und Komprimierung</h3>
<p>Das Komprimieren Ihres Bildes beim Speichern ist wichtig: um Platz zu sparen und <strong>Laden Sie Ihre Bilder schneller fĂŒr Ihre Leser</strong>. <a how="" to="" get="" page="" load="" speeds="" second="" rel="noopener noreferrer nofollow" href="http://www.wpsuperstars.net/image-optimization-for-wordpress/" target="_blank">Dieser WP Superstars-Artikel enthĂ€lt einige Tipps zum Komprimieren von Bildern und zum Testen der Geschwindigkeit Ihrer Website fĂŒr diesen Zweck. Da die Leute Ihre Bilder im Web anzeigen, können Sie normalerweise mit viel Komprimierung davonkommen.</p>
<p><strong>Ich strebe 60-70% an,</strong> Dies wird in Pixlr in der QualitĂ€tsanzeige angezeigt (siehe Abbildung unten), wenn Sie Ihr Bild speichern. Um die Sache noch einfacher zu machen, zeigt Pixlr Ihnen die DateigrĂ¶ĂŸe an, sodass Sie den Sweet Spot (d. H. Komprimierung im Vergleich zur DateigrĂ¶ĂŸe) leicht sehen können, wenn Sie den QualitĂ€tsregler bewegen. Streben Sie eine angemessene DateigrĂ¶ĂŸe mit einer QualitĂ€t von mehr als 50% an. Mit der Zeit werden Sie wissen, was funktioniert.</p>
<figure class="aligncenter"><img decoding="async" alt="Pixlr Dialogfeld "Bild speichern"" class="wp-image-533458" data-lazy-="" src="https://blogging-techies.com/wp-content/uploads/2020/03/Pixlr-Image-Save-Dialog-How-To-Make-Your-Blog-Images-Awesome.jpg"></figure>
<ol>
<li><strong>Klicken Sie auf die SchaltflÀche Speichern</strong></li>
<li>
<strong>WĂ€hlen Sie einen angemessenen Dateinamen</strong> (mit <strong>Bindestriche zwischen Wörtern</strong> fĂŒr <strong>Bild SEO</strong>)</li>
<li>
<b>Bewegen Sie den QualitĂ€tsregler </b>(Finden Sie den QualitĂ€ts- / GrĂ¶ĂŸen-Sweetspot)</li>
<li>
<strong>Klicken Sie auf die SchaltflĂ€che Speichern </strong>(NatĂŒrlich, wo man es speichern möchte!)</li>
</ol>
<h2 class="has-text-align-center">FĂŒgen Sie Ihren Bildern etwas WOW hinzu</h2>
<p>Das Obige sollte Sie weit in Richtung qualitativ hochwertiger Bilder fĂŒr Ihre Blog-BeitrĂ€ge fĂŒhren. Manchmal scheint es mir jedoch, dass dies nicht ausreicht. Zum Beispiel hat ein Bild wirklich den falschen Farbton oder die falsche Farbe.</p>
<p>Dies erfordert eine viel grĂ¶ĂŸere Anzahl von FĂ€higkeiten, um manuell zu reparieren, die die meisten von uns nicht haben. Dann können wir schummeln. Wie bei Instagram verfĂŒgt Pixlr ĂŒber eine Reihe von Filtern, die Sie in Sekunden anwenden können. WĂ€hlen Sie die <strong>EffektmenĂŒoption</strong> unten (drittens) und das werden Sie sehen.</p>
<figure class="aligncenter"><img decoding="async" alt="Pixlr-Effektoptionen" class="wp-image-533460" data-lazy-="" src="https://blogging-techies.com/wp-content/uploads/2020/03/Pixlr-Effect-options-How-To-Make-Your-Blog-Images-Awesome.jpg"></figure>
<p>In der Regel, um große FarbĂ€nderungen vorzunehmen <strong>Verwenden Sie das StandardmenĂŒ. </strong>Dadurch erhalten Sie viele voreingestellte Filter, die Ihr Bild erheblich verĂ€ndern können. Pixlr gibt Ihnen eine Vorschau der einzelnen Optionen, wĂ€hrend Sie mit den Pfeilen (oben links) durch die Optionen scrollen.</p>
<figure class="aligncenter"><img alt=

Sobald Sie den Filter ausgewÀhlt haben, können Sie die Menge reduzieren, mit der angewendet wird Mengenregler Wenn Sie es zu viel finden, können Sie hier einige wirklich starke Effekte finden.

Mehr oder weniger wie Instagram sind die Leute daran gewöhnt.

Hier sind die restlichen Filterkategorien, die Pixlr bereitstellt: – Weich Ich finde es etwas seltsam, aber wenn du Fotos mit einem magst dunstiger Blick fĂŒr sie ist das dein Platz. Subtil tut was es verspricht und gilt nur leichte VerĂ€nderungen.

Zu alt gibt dir viel Schwarz-Weiß-Stil FarbĂ€nderungen. Solide mehr hinzufĂŒgen einfache Farbfilter, obwohl manchmal mit einem sehr funky Effekt. Klassisch es ist ein mischen von einigen der anderen, mit viel mehr verblassten schwarzen Rand-Stil-Effekten. Sie könnten es auch versuchen Kunstfoto fĂŒr mehr Effekte – Bietet eine große Anzahl von Originalfiltern, die Sie einfach auf Ihre Bilder anwenden können.

Bilder, an denen ich gearbeitet habe

Um Ihnen zu zeigen, was möglich ist, folgen die folgenden Bilder vor und nach den Bildern, an denen ich gearbeitet habe. Ich habe Ausschnitte, Kontrast- und Pixlr-Effekte verwendet. In den meisten FĂ€llen dauert es nicht lĂ€nger als 10 Minuten, sobald Sie es gelernt haben. Auch wenn Sie meinen besonderen Geschmack nicht mögen, können Sie sehen, welchen großen Unterschied eine BildĂ€nderung bewirken kann.

Pixlr-Effects-Apply_all "class =" wp-image-26635 "srcset =" https://bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-effects-applied_all-1.jpg 550w, https: / /bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-effects-applied_all-1-295x180.jpg 295w "data-lazy-size =" (maximale Breite: 550px) 100vw, 550px "src =" https: //bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-effects-applied_all-1.jpg "></figure>
<h2 class=FĂŒgen Sie Ihren Bildern noch mehr POW hinzu

Mit Pixlr-Effekten erhalten Sie ein atemberaubend aussehendes Endbild. NatĂŒrlich können Sie Ihrem Bild mit den anderen Pixlr-Optionen noch mehr hinzufĂŒgen (wenn Sie möchten).

Abdecken – bietet Ihnen viele Möglichkeiten, Dinge auf Ihr Bild zu setzen, manchmal subtil, manchmal nicht.

Grenze – Bietet eine Vielzahl von Stilen und Randeffekten zum Spielen.

Aufkleber – Es ist mehr oder weniger ein Werkzeug zum HinzufĂŒgen von Cliparts.

Text – hat viele Optionen fĂŒr TextĂŒberlagerungen.

Sie bieten auch Collage

Wenn Sie ein Bild in Pixlr Express hochladen oder erstellen, haben Sie die Möglichkeit (unten rechts) Erstellen Sie eine Collage.

Die Collage-Optionen sind umfangreich, im Bereich von: –

  1. Verschiedene Gestaltungsmöglichkeiten (Anzahl der Bilder, GrĂ¶ĂŸe usw.)
  2. Ecken abrunden
  3. Bildabstand
  4. Abmessungen

Wenn Sie mit diesen Optionen fertig sind, klicken Sie auf jede Bildzelle (das Pluszeichen in der Mitte), um das Bild hinzuzufĂŒgen. Das Folgende ist eine Collage, die ich schnell gemacht habe (hĂ€sslich, ich weiß), um einige der anderen Optionen oben zu zeigen (Text, Rand, Überlagerung)

Pixlr-collage-options "class =" wp-image-26632 "srcset =" https://bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-collage-options-1.jpg 550w, https: / /bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-collage-options-1-320x70.jpg 320w "data-lazy-size =" (maximale Breite: 550px) 100vw, 550px "src =" https: //bloggingwizard.com/wp-content/uploads/2013/08/Pixlr-collage-options-1.jpg "></figure>
<p>Die Vorher- und Nachher-Bilder sind auch eine Collage von Collagen. VerrĂŒckt, ich weiß. Die Möglichkeiten sind endlos.</p>
<h2 class=Zusammenfassung

Das HinzufĂŒgen erstaunlicher Bilder zu Ihrem Blog ist nicht so schwierig, wie es scheint. Auch wenn Sie nicht kĂŒnstlerisch sind, können Sie Ihre Blog-Bilder mit diesen einfachen Schritten vergrĂ¶ĂŸern.

  1. Finden Sie ein großartiges Bild mit der richtigen Lizenz
  2. Beschneiden und kontrastieren
  3. FĂŒgen Sie Effekte hinzu, wenn Sie noch einen Funken benötigen
  4. Ändern Sie die GrĂ¶ĂŸe und speichern / komprimieren Sie es entsprechend Ihren Anforderungen

In kurzer Zeit werden Sie sich ein bisschen wie Picasso fĂŒhlen, auch wenn es sich um die Webversion handelt.

Aktualisieren – Jetzt können Sie hier Teil 2 meines Beitrags lesen.

Verwandte LektĂŒre – Der Blogger-Leitfaden zur Optimierung von Bildern fĂŒr das Web.