×

Yoors


Inloggen
×

Yoors












#

0 volgers
notifications_noneadd
Succesvol bloggen: Het (juiste) gebruik  van afbeeldingen

Succesvol bloggen: Het (juiste) gebruik van afbeeldingen


Een afbeelding kan je post maken of breken.  Hoe zorg je ervoor dat je blogs visueel aantrekkelijk genoeg zijn door het (juiste)  gebruik van afbeeldingen? En wat is de zin en onzin van bestandstypen? Lees snel verder!






Gebruik een relevante afbeelding in je header (de ruimte boven je blog)


Klinkt vanzelfsprekend maar veel bloggers maken de fout om afbeeldingen te plaatsen die niets te maken hebben met het onderwerp van het blog. De afbeelding bovenaan je artikel bepaalt bijvoorbeeld direct of lezers jouw blog willen zien of niet. Wanneer mensen een aantrekkelijke afbeelding zien maar geen blog aantreffen die daarop aansluit, zullen ze niet snel terug komen op je blog! Zorg er daarom dus voor dat je een afbeelding kiest die in één opslag vertelt waar jouw verhaal over gaat! Ik ga het verderop in het artikel nóg een keer zeggen maar wanneer je kiest voor een eigen afbeelding, zorg er dan voor dat je een afbeelding kiest die precies (of groter is dan) 1000 pixels breed en 300 pixels hoog. Waarom? Kleine afbeeldingen worden  'uit elkaar getrokken' om de ruimte bovenaan je artikel te vullen. Dit resulteert in een wazige en vooral niet aantrekkelijke header.

Ook andersom is niets minder waar: wanneer je een té grote afbeelding gebruikt, zal de foto worden gecropt (bijgesneden). Dat kan ervoor zorgen dat de afbeelding niet volledig weergegeven wordt.  Wil je dat niet? Foto's verkleinen voor het gebruik op internet kun je hier doen. 

Wil je graag een persoonlijke header maken? Dat kun je gratis bij Canva doen.  Bij canva kun je kiezen uit verschillende voorgeprogrammeerde afmetingen voor verschillende doeleinden.  





Resolutie en afmetingen 

Een afbeelding die de juiste afmetingen en resolutie heeft is aantrekkelijker om te zien voor je (potentiële) lezers. 

Het Yoors platform heeft een zogenaamd Responsive Template. Een responsive template is de 'opmaak' van een website die zich automatisch aanpast aan het scherm van de gebruiker. Bij gebruik van tablet of telefoon wordt de website automatisch samengedrukt zodat het netjes op het scherm weergeven kan worden. Nadeel hiervan kan zijn dat afbeeldingen kleiner zijn en dus soms, minder krachtig blijven omdat details niet goed zichtbaar zijn op een klein scherm. 

Voor bijvoorbeeld een visueel aantrekkelijke header (de afbeelding bovenaan je post) kun je het beste een grotere afbeelding gebruiken van minimaal 1000px X 300px. In de editor van Yoors kun je deze afbeelding bijslepen tot de gewenste compositie. Hou er wel rekening mee dat enorme afbeeldingen met hoge resolutie ook méér laadtijd nodig hebben;  soms kan dat leiden tot het wegklikken van lezers. 






In Post afbeeldingen 


Deze spreekt bijna vanzelf: less is more! Maar soms is het nodig om woorden kracht bij te zetten door een afbeelding te plaatsen in je blog zélf. TIP: gebruik niet te grote afbeeldingen; dit maakt dat je artikel ''in tweeën'' geknipt wordt (voor de lezer) en dit maakt dat sommige lezers al snel afhaken. Zorg voor eenheid in je verhaal door spaarzaam te zijn met beeldende taal. Gebruik kleine afbeeldingen in je verhaal zélf. Wil je graag een watermerkje aanbrengen in je afbeelding, of er een persoonlijke touch aan geven dan kun je dat gratis doen bij Pixlr


Het verschil tussen .JPG en .PNG en hoe te gebruiken in je blog


Foto’s op het web moeten zo licht mogelijk zijn zonder hun kwaliteit te verliezen en zonder hun oorspronkelijke grootte al te veel te moeten reduceren. Niet alleen om opslagcapaciteit te sparen, maar zware afbeeldingen laden ook nog eens langzamer en daar heeft de bezoeker een hekel aan.

PNG  (spreek uit: ping) staat voor Portable Network Graphics en is geschikt voor logo’s met veel kleuren. Een PNG van 8-bits kan, net als een GIF, maar 256 kleuren weergeven en is kleiner dan een GIF. Een PNG van 24-bits kan, net als een JPEG, 16 miljoen kleuren weergeven. In een PNG kan iedere pixel transparant gemaakt worden. Maak je dus een ingewikkeld logo met bewerkte kleuren zoals verloop en doorzichtigheid, sla hem dan op als een PNG-24. Voor simpele foto’s is PNG-24 ook prima en bespaart het geheugenruimte, maar voor grote, meer complexe foto’s is JPEG raadzaam. Een bewegende afbeelding of animatie kan worden opgeslagen als Animated PNG oftewel APNG. - Bron: secretaresse.blog.nl

JPEG staat voor Joint Photographic Experts Group. De afkorting JPG stamt uit het MS-DOS-tijdperk, toen een extensie niet langer dan drie letters mocht zijn. Stel, je hebt een afbeelding van 300 bij 300 pixels. In een JPEG-bestand zijn dat 90.000 gecomprimeerde beeldpunten. Dat klinkt zwaar, maar omdat een JPEG gecomprimeerd is, blijft het bestand licht terwijl de beeldkwaliteit behouden blijft. Het is uitermate geschikt voor het web omdat het sneller wordt geladen. Nu vraag je je natuurlijk af: wat kan ik nu het beste gebruiken in mijn blog? Dát antwoord is gewoon klip en klaar: PNG! PNG afbeeldingen zijn groter en minder gevoelig voor compressie. 

Kies dus vaker voor een PNG afbeelding. Wanneer je een JPG afbeelding op wil slaan op de pc als PNG, klik je eerst rechtsonder op ''Alle bestanden'' en schrijft daarna achter de naam van je afbeelding: .png

Vervolgens sla je de afbeelding op.  


Erika - Yoortainment2day
 

Ik schrijf met heel veel plezier dagelijks nieuwe informatieve artikelen voor het platform Yoors.  Ik ben een bezig bijtje die altijd op zoek naar de slimste hacks,  de beste tips en de meest efficiënte oplossingen om het leven zo comfortabel mogelijk te maken.  Dat sijpelt ook door in mijn schrijf-filosofie; ik probeer - door het opzoeken en samenvoegen van informatie in mijn artikelen - zoveel mogelijk mensen te helpen en/of te informeren.  Wil je graag als eerste op de hoogte blijven van mijn speurwerk? Volg het kanaal Yoortainment2day dan op YoorsFacebook of Twitter 





Mieke Van Liefde
Dankjewel voor de tip. (www.fotoverkleinen.nl) Ik kampte vanmorgen al met dit probleem. De meeste foto's die ik probeerde up te loaden kwamen maar half in beeld.
07-06-2017 16:09
07-06-2017 16:09 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Klopt, dat kun je oplossen door ze te verkleinen. Té grote afbeeldingen zijn bovendien ook een zware last op de server.
07-06-2017 16:21
07-06-2017 16:21 • Reageer
Silleys
Het verschil tussen png en jpeg vond ik nog een beetje lastig, maar je hebt het goed uitgelegd.
31-05-2017 21:20
31-05-2017 21:20 • Reageer
Leonie
Ook weer een mooie blog
17-04-2017 17:59
17-04-2017 17:59 • Reageer
Closed account
Bedankt voor de nuttige info!
17-04-2017 13:47
17-04-2017 13:47 • Reageer
Dominique Dumortier
interessant voor mij als beginner!
16-04-2017 23:35
16-04-2017 23:35 • Reageer
Hans van Gemert
Png heeft ook een nadeel. Als ik er een van pixabay ophaal met een witte achtergrond, dan wordt dat in de blog een zwarte. Het plaatje eerst als jpg opslaan verhelpt dat.
16-04-2017 16:25
16-04-2017 16:25 • Reageer
MereltjevanBrabant
Dat zijn goede tips ;-)
15-04-2017 21:56
15-04-2017 21:56 • Reageer
Piteke van der Meulen
Dankjewel voor deze uitleg, ik lees weer van alles wat ik nog niet wist, Yoors, je blijft leren, LEUK!
08-04-2017 21:25
08-04-2017 21:25 • 1 reactie • Reageer
☆ Yoortainment2day ☆
:) Gelukkig!
09-04-2017 08:17
09-04-2017 08:17 • Reageer
Sabrina van den Heuvel
Ja nu je het zet... thanks voor de tips!
07-04-2017 21:49
07-04-2017 21:49 • 1 reactie • Reageer
☆ Yoortainment2day ☆
:)
08-04-2017 08:21
08-04-2017 08:21 • Reageer
Me, Myself & Crazyness
weer ontzettende fijne informatie... loop zelf nogal eens tegen het probleem aan van de Header... nu weet ik wat te doen.
28-03-2017 10:39
28-03-2017 10:39 • 1 reactie • Reageer
☆ Yoortainment2day ☆
:)
28-03-2017 18:53
28-03-2017 18:53 • Reageer
moeze
Goede blog! Ben een stuk wijzer ervan geworden . Bedankt!
27-03-2017 23:57
27-03-2017 23:57 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Graag gedaan hoor!
28-03-2017 18:54
28-03-2017 18:54 • Reageer
vlindertje73
Super handige informatie... ik ga het morgen gelijk uittesten met mijn column. ;) thnx ik deel m verder.
27-03-2017 23:16
27-03-2017 23:16 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Lief!
27-03-2017 23:39
27-03-2017 23:39 • Reageer
Maria(M)
Die afbeeldingen snap ik nu en maak ik gebruik van. Alleen het goed invoegen van een link wil me echt niet lukken. Grrrrr :-p hahaa
27-03-2017 09:41
27-03-2017 09:41 • 1 reactie • Reageer
☆ Yoortainment2day ☆
De tekst selecteren, klikken op het link-icoontje, link plakken in het veld en klaar.
27-03-2017 10:12
27-03-2017 10:12 • 1 reactie • Reageer
Rudi
Heel goede uitleg, Erika. :-)
26-03-2017 18:29
26-03-2017 18:29 • Reageer
Sherry
Leuke blog heb je geschreven.
26-03-2017 13:17
26-03-2017 13:17 • Reageer
Blogs van Linda
Thanks voor de tips, ik sla het even op (vergeet steeds formaat header haha)
25-03-2017 21:59
25-03-2017 21:59 • Reageer
MarijkeToscana
Handige en vooral ook heel noodzakelijke info. Vraag me alleen af hoe en waar we dit artikel later terug kunnen vinden.
25-03-2017 18:30
25-03-2017 18:30 • Reageer
_PetitCorbeau_
Heel handig artikel!
25-03-2017 16:31
25-03-2017 16:31 • Reageer
Eledhel
Handige tips, bedankt voor het posten!
25-03-2017 15:07
25-03-2017 15:07 • Reageer
Ted Krom
Hierbij aanvullend is dat PNG alleen veel kleuren kan bevatten als deze in RGB kleuren is opgebouwd. In CMYK kan dat niet. Het is ook zo dat oudere browsers amper of geen PNG ondersteunen. Bitmap is weer te zwaar voor laadtijd in een browser. (word ook niet gebruik meer) Jpg of Jpeg is of was ook merendeels bedoel voor emails. tegenwoordig volstaat Jpg goed op websites.
25-03-2017 15:07
25-03-2017 15:07 • 1 reactie • Reageer
MarijkeToscana
PNG heeft niet echt minder MB dan Jpeg, toch?
26-03-2017 11:46
26-03-2017 11:46 • Reageer
Vinception
Handige tips! Ik wist niet dat je PNG als ping uitsprak haha, ik zeg altijd pee-en-gee :'D
25-03-2017 13:29
25-03-2017 13:29 • 1 reactie • Reageer
Ingrid Tips en meer
ik dus ook
25-03-2017 15:17
25-03-2017 15:17 • Reageer
Ingrid Tips en meer
De tag "Succesvol bloggen" is heel waardevol om te volgen en heb ik (tijdelijk) vastgezet in de Facebookgroep.
25-03-2017 12:39
25-03-2017 12:39 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Lief!
25-03-2017 12:55
25-03-2017 12:55 • Reageer
evert huiskamp
Dank je voor de leuke en goede tips en trucs. Fijn weekend
25-03-2017 12:27
25-03-2017 12:27 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Graag gedaan!
25-03-2017 12:56
25-03-2017 12:56 • Reageer
SoulandMind
Dank je wel voor de heel interessante tips! Heb al wat afgeknoeid om een header deftig tot stand te brengen hier. Nog een fijne zaterdag toegewenst ;-).
25-03-2017 11:40
25-03-2017 11:40 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Jij ook een heel fijn weekend!
25-03-2017 11:43
25-03-2017 11:43 • Reageer
Erwin Daniëls
Helder artikel, op deze zin na: "Zorg voor eenheid in je verhaal door spaarzaam te zijn met beeldende taal." Kun je me uitleggen wat hier nu eigenlijk staat?
25-03-2017 11:27
25-03-2017 11:27 • 2 reacties • Reageer
☆ Yoortainment2day ☆
Niet volledig vol plakken met plaatjes. :P Tis geen kijk-boekje...
25-03-2017 11:31
25-03-2017 11:31 • 1 reactie • Reageer
☆ Yoortainment2day ☆
Tenzij je écht een lijst maakt. Maar dan zorg je dat alle afbeeldingen dezelfde afmeting hebben.
25-03-2017 11:32
25-03-2017 11:32 • Reageer