Grafiken richtig formatieren, um das Design Ihres Blogs zu ergänzen - dummies

Um Bilder richtig in das Design Ihres Blogs einzubinden, müssen Sie Einschränkungen wie Ladezeit, Spaltengröße, Wortfluss und Designelemente berücksichtigen. Sie benötigen Bilder, um visuelle Anziehungskraft hinzuzufügen, aber Sie möchten nicht, dass sie so groß erscheinen, dass sie genau die Informationen abdecken, die ein Besucher zu finden hoffte.

1Geben Sie die Bilder passend zu Ihrem Spaltendesign

Bevor Sie Bilder in Ihren Blogbeitrag einfügen können, bearbeiten Sie die Bildgröße in Ihrer Bildbearbeitungssoftware so, dass das Bild in die Spalte Ihres Blogposts passt. Wenn Ihre Spaltenbreite 600 Pixel (px) beträgt, das Originalbild jedoch 800 px groß ist, erstreckt sich das Bild in eine andere Spalte, wie Sie hier sehen.

Zur Behebung können Sie große Bilder in Ihrem Blogbeitrag ändern. Sie haben jedoch Auswirkungen auf die Ladezeit Ihres Blogs, da Sie immer noch die Originalgröße hochgeladen haben. Nehmen Sie nur kleine Größenanpassungen in Ihrem Blog vor. Sie sollten die Bildgröße außerhalb Ihres Blogs mit einer Fotobearbeitungssoftware anpassen.

Als Ausgangspunkt sollten Sie Fotos auf die Breite des Blogposts skalieren. Passen Sie die Größe dann nach Bedarf an, z. B. für hochformatige Fotos. Wenn zum Beispiel die kürzere Seite eines porträtorientierten Fotos die gesamte Blogbreite umfasst, wäre das Foto gigantisch. Also immer die Größe ändern.

Am anderen Ende des Spektrums machen Blogger oft den Fehler, in ihren Blogbeiträgen winzigkleine Bilder zu verwenden, die von Ihrem gesamten Blog-Design ablenken und die Fähigkeit des Bildes, eine Aussage zu machen, beeinträchtigen. Ihre Leser möchten Ihre Bilder tatsächlich sehen, also machen Sie sie groß genug, um sie zu sehen!

2Dentscheiden, ob Text um Bilder gewickelt werden soll

Manche Blogger ziehen es vor, Text um ihre Bilder zu wickeln. Dies ist praktisch, wenn Sie ein kleineres Bild wie einen Kopfschuss als Teil einer Biografie oder eines Symbols anzeigen möchten, das ein Textstück begleiten soll. Ob Sie das für Ihre anderen Bilder tun, ist wirklich nur eine Frage der Präferenz.

In den meisten Blogging-Plattformen umfasst das Umbrechen von Text lediglich das Auswählen eines verfügbaren Umbruchstils beim Platzieren eines Bildes in einem Post. Sie (oder Ihr Designer) können festlegen, wie viel Speicherplatz zwischen Bildrahmen und Text verwendet werden soll, indem Sie Anpassungen in Ihrem Cascading Style Sheet (CSS) vornehmen.

3DOhne zu viele Bilder zusammenstoßen

Vermeiden Sie es, Text so um Bilder zu wickeln, dass ein störender Effekt entsteht. Wenn sich beispielsweise zwei Bilder in unmittelbarer Nähe auf verschiedenen Seiten Ihres Blogposts befinden, kann der Inhalt zwischen den Bildern zu eng werden, sodass Ihr Blogpost schwer lesbar ist.

Halten Sie Bilder in Ihrem Beitrag weiter auseinander, um diese Art von Problem zu beheben, oder richten Sie Bilder an einer bestimmten Seite aus.Überprüfen Sie Ihr Blogpost-Layout im Vorschaumodus, bevor Sie es veröffentlichen, um sicherzustellen, dass Ihre Bilder die Lesbarkeit nicht beeinträchtigen.