Onze favoriete tool voor JPEG-afbeeldingen: Squoosh

Squoosh is de ultieme image optimizer waarmee je de snelheid kunt verbeteren. De app, gemaakt door GoogleChromeLabs, is voor iedereen gratis te gebruiken en werkt zowel online als offline. Het beste deel van de Squoosh-app is dat de tool de kwaliteit van je afbeeldingen niet opoffert.

Hoe werkt het?

Een afbeelding comprimeren in Squoosh is snel en eenvoudig. Om te beginnen open je je browser en navigeer je naar https://squoosh.app/.

Sleep je afbeelding naar de editor of klik op het + teken om je afbeelding te uploaden. Het Squoosh scherm is verdeeld in 2 delen, zodat je de voor-en-na resultaten van je beeldcompressie kunt zien. Aan de linkerkant van het scherm zie je je ‘voor’-afbeelding, de ‘na’-afbeelding staat rechts.

Je kunt uit meerdere instellingen kiezen. Weet je niet welke je moet kiezen? Gebruik dan de standaardinstellingen, deze zijn ok. Na het comprimeren van de afbeelding klik je op de ‘download’ knop en sla je de gecomprimeerde afbeelding op je computer op.

PNG-afbeeldingen optimaliseren met TinyPNG

Hoewel Squoosh een goede tool is om afbeeldingen te comprimeren, hebben we voor PNG-afbeeldingen een andere favoriet: TinyPNG.

TinyPNG gebruikt ‘smart lossy compression’ technieken om de bestandsgrootte van je PNG-bestanden te verkleinen. Door selectief het aantal kleuren in de afbeelding te verminderen, zijn er minder bytes nodig om de gegevens op te slaan. Het effect is bijna onzichtbaar, maar het maakt een zeer groot verschil in bestandsgrootte!

Hoe werkt het?

Open je browser en ga naar https://tinypng.com/

Sleep je afbeeldingen naar de editor of klik op het + teken om afbeeldingen te uploaden. TinyPNG kan tot 20 afbeeldingen met een maximale bestandsgrootte van 5MB tegelijk verwerken. Bij grote bestanden kan de bestandsgrootte zelfs afnemen met 80% zonder zichtbaar kwaliteitsversies!

Na het comprimeren van de afbeeldingen kan je ze per afbeelding apart downloaden of op ‘download all’ klikken om ze allemaal tegelijk te downloaden.

The post Afbeeldingen comprimeren voor een snellere laadtijd appeared first on LesLinq.

Je ziet nu een grijze balk met 'Unsplash' verschijnen. Hier klik je op. In de zoekbalk kan je in het Engels een zoekterm opgeven. Als je de juiste afbeelding hebt gevonden, klik je hierop. Deze wordt automatisch tussen de afbeeldingen gezet.

Door op de afbeeldingen te klikken en deze naar het project te slepen, kan je de afbeelding op de pagina plaatsen.

Beschrijving van de afbeelding (Description) toevoegen

Bij de afbeeldingsinstellingen zie je het veld ‘Description’. De tekst die je daar invoert, kan gekoppeld worden aan de Text-to-Speech functionaliteit van LesLinq. Deze 'Description' tekst van de afbeelding wordt dan voorgelezen en daarbij toegankelijk voor mensen met een visuele of leesbeperking.

Positionering van de afbeelding

Om de afbeelding op de juiste plek om de pagina te krijgen, kan je gebruik maken van de onderstaande knoppen. Let op: 'Align To Page' moet wel aangevinkt zijn.

The post Unsplash afbeeldingen uploaden appeared first on LesLinq.

De volgende bestandsformaten voor afbeeldingen zijn toegestaan: .gif, .jpg, .jpeg, .png, .webp, .svg

Na het uploaden verschijnt de afbeelding linksboven bij jouw afbeeldingen.

Beschrijving van de afbeelding (Description) toevoegen

Bij de afbeeldingsinstellingen zie je het veld ‘Description’. De tekst die je daar invoert, kan gekoppeld worden aan de Text-to-Speech functionaliteit van LesLinq. Deze ‘Description’ tekst van de afbeelding wordt dan voorgelezen en daarbij toegankelijk voor mensen met een visuele of leesbeperking. Door op de afbeeldingen te klikken en deze naar het project te slepen, kan je de afbeelding op de pagina plaatsen.

Afbeelding Styling mogelijkheden

LesLinq biedt verschillende mogelijkheden om je afbeelding op te maken, zoals:

• Opacity: stel de transparantie van de afbeelding in
• Corner radius (border radius): Je kunt elke hoek individueel afronden, voor een moderne, zachte vormgeving
• Drop shadow: voeg een schaduweffect toe voor meer diepte en visuele impact
• Scale & Rotate: verklein of vergroot de afbeelding of laat hem in een bepaalde hoek roteren.

Afbeelding positioneren

Om je afbeelding op de juiste plek op de pagina te plaatsen, kan je gebruik maken van de onderstaande knoppen. Let wel op dat je 'Align To Page' aangevinkt hebt.

The post Eigen afbeeldingen uploaden appeared first on LesLinq.