Afbeeldingen op de juiste manier om het ontwerp van uw blog te complementeren - dummies

Om afbeeldingen op de juiste manier op te nemen in het ontwerp van uw blog, moet u rekening houden met beperkingen zoals laadtijd, kolomgrootte, woordstroom en ontwerpelementen. Je hebt afbeeldingen nodig om een ​​visuele aantrekkingskracht te krijgen, maar je wilt niet dat ze zo groot lijken dat ze de informatie bevatten die een bezoeker hoopte te vinden.

1Size afbeeldingen die passen bij uw kolomontwerp

Voordat u afbeeldingen in uw blogbericht invoegt, moet u de afbeeldingsgrootte in uw fotobewerkingssoftware bewerken, zodat de afbeelding past in de kolom van uw blogbericht. Als uw kolombreedte 600 pixels (px) is, maar uw oorspronkelijke afbeelding 800 px is, strekt de afbeelding zich uit naar een andere kolom, zoals u hier ziet.

Als oplossing kunt u het formaat van grote afbeeldingen in uw blog aanpassen, maar dit heeft invloed op de laadtijd van uw blog omdat u de oorspronkelijke grootte nog steeds hebt geüpload. Maak alleen kleine formaataanpassingen in uw blog. U moet de beeldformaten buiten uw blog aanpassen met behulp van software voor het bewerken van foto's.

Als startpunt, formaat foto's tot de breedte van het blogbericht. Formaat wijzigen indien nodig, bijvoorbeeld voor portretgeoriënteerde foto's. Als de korte zijde van een portretgeoriënteerde foto bijvoorbeeld de volledige blogbreedte beslaat, zou de foto gigantisch zijn. Dus resize die altijd.

Aan de andere kant van het spectrum maken bloggers vaak de fout om piepkleine afbeeldingen in hun blogberichten te gebruiken, die afbreuk doen aan uw algehele blogontwerp en het vermogen van de afbeelding om een ​​verklaring af te leggen, verminderen. Je lezers willen je afbeeldingen eigenlijk zien, dus zorg dat ze groot genoeg zijn om te zien!

2Decide of tekst om afbeeldingen heen moet worden geslagen

Sommige bloggers gebruiken de tekst liever om hun afbeeldingen. Dit is handig als u een kleiner beeld wilt weergeven als een headshot als onderdeel van een bio of een pictogram dat een stuk tekst moet vergezellen. Of je dat doet voor je andere afbeeldingen is eigenlijk gewoon een kwestie van voorkeur.

In de meeste blogplatforms betekent het omwikkelen van tekst eenvoudigweg het selecteren van een beschikbare inpakstijl bij het plaatsen van een afbeelding in een bericht. U (of uw ontwerper) kunt instellen hoeveel ruimte er moet worden gebruikt tussen de afbeeldingsrand en de tekst door aanpassingen in uw cascading style sheet (CSS) aan te brengen.

3D verzamelt niet te veel afbeeldingen bij elkaar

Voorkom het omsluiten van tekst rond afbeeldingen op een manier die een schokkend effect oplevert. Als er bijvoorbeeld twee afbeeldingen in de onmiddellijke nabijheid op verschillende kanten van uw blog worden ingepakt, kan de inhoud tussen de afbeeldingen krap worden, waardoor uw blogpost moeilijk leesbaar is.

Houd afbeeldingen in je post verder uit elkaar om dit type probleem op te lossen of breng afbeeldingen op een bepaalde manier op één lijn.Controleer de lay-out van uw blogpost in de voorbeeldmodus voordat u publiceert om ervoor te zorgen dat uw afbeeldingen de leesbaarheid niet hinderen.