2 gratis tools om beelden voor het web klaar te maken [Mac]

Een manier om je woorden te verfraaien, is door gerelateerde afbeeldingen aan de tekst toe te voegen. Hoe meer en betere afbeeldingen je gebruikt, hoe pittiger je verhalen zullen zijn. Maar in termen van webpagina's en blogs, meer afbeeldingen ook gelijk grotere paginaformaten en langere laadtijden - iets dat elke web-eigenaar moet vermijden. Als het elimineren van de afbeeldingen geen optie is, is het enige wat u hoeft te doen, ze te optimaliseren voor het web.

Helaas is het optimaliseren van afbeeldingen voor internetgebruik niet altijd een wandeling in het park, vooral als je er regelmatig met veel te maken hebt. Als u een Mac-gebruiker bent, zijn er verschillende gratis hulpprogramma's waarmee u problemen bij het maken van webafbeeldingen kunt minimaliseren.

De afbeeldingen verkrijgen

Ik zal hier niet te ver gaan, omdat het onderwerp al verschillende keren is besproken. Er zijn veel manieren waarop u afbeeldingen voor internet kunt aanschaffen, van het maken van uw eigen foto's met een digitale camera. Een beginnershandleiding voor digitale fotografie Een beginnershandleiding voor digitale fotografie Digitale fotografie is een grote hobby, maar kan ook intimiderend zijn. Deze beginnershandleiding vertelt je alles wat je moet weten om aan de slag te gaan! Lees Meer, met behulp van Creative Commons gelicentieerde afbeeldingen, om afbeeldingen vast te leggen op uw bureaublad.

Over schermopname gesproken, er zijn verschillende gratis Mac-tools 5 Alternatieve Screen Capture Tools voor je Mac 5 Alternatieve Screen Capture Tools voor je Mac Lees meer die je voor dit doel kunt gebruiken. Persoonlijk gebruik ik Jing Hoe kan ik een beter screenshot nemen met Jing (Mac) Hoe kan ik een beter screenshot nemen met Jing (Mac) Lees meer of Skitch.

Formaat wijzigen en hernoemen met ResizeMe

Meestal krijg je de eerste keer niet de juiste grootte van de afbeeldingen - de afbeeldingsgrootte (pixels) of de bestandsgrootte (bytes).

De beperking voor de afbeeldingsgrootte komt meestal van het ontwerp oogpunt. Plaats geen 600 pixels brede afbeelding op een 500 pixelbrede blogkolom. Het gaat de grens uit en maakt het uiterlijk lelijk.

Om het pixelprobleem op te lossen, kunt u de te grote afbeeldingen bijsnijden of vergroten of verkleinen. Ik vond een geweldige tool genaamd ResizeMe die je kan helpen om die taken - en nog veel meer - in bulk uit te voeren.

Het gebruik van ResizeMe is net zo eenvoudig als het slepen en neerzetten van afbeeldingen die u wilt wijzigen in de bestandslijst.

Kies de actie (s) die u op die afbeeldingen wilt toepassen. In de onderstaande afbeelding heb ik de actie ingesteld om elk beeld dat breder is dan 580 pixels te verkleinen zonder de hoogte te wijzigen. Ik heb ook de actie ingesteld om geen afbeelding te wijzigen met een breedte kleiner dan de maximale breedte.

Met de app kunnen gebruikers afbeeldingen bijsnijden tot de gewenste grootte. Het bijsnijden van zeer grote afbeeldingen in meerdere kleinere afbeeldingen is gunstig dan het wijzigen van de grootte, omdat het wijzigen van de grootte van de afbeelding de kwaliteit van de afbeelding zal verminderen en de afbeelding onduidelijker zal maken.

Als u verschillende afbeeldingen gebruikt voor elk blogartikel dat u schrijft, is het beter om de set te organiseren door vergelijkbare trefwoorden aan hun namen toe te voegen. Zo kunnen bijvoorbeeld afbeeldingen voor een artikel over screenshot-tools worden hernoemd “scrnsht - image1“, “scrnsht - image2“, enzovoorts.

U zou de hulp van Automator kunnen gebruiken om afbeeldingen hernoemen op een andere manier. Automator gebruiken om hernoemen op een Mac hernoemen. Automator gebruiken voor hernoemen van afbeeldingen op Mac Lees meer op uw Mac, of voor een flexibeler hernoemingssysteem kunt u een hulpprogramma zoals NameChanger Batch Hernoem je bestanden eenvoudig - Mac Style (alleen Mac) Batch Hernoem je bestanden eenvoudig - Mac Style (alleen Mac) Lees meer. Als u geen andere applicaties wilt gebruiken, heeft ResizeMe ook de mogelijkheid om bestanden te hernoemen. Kies gewoon een functie uit de lijst, vink het selectievakje aan “andere naam geven” knop en noteer de exemplaren waarvan u de naam wilt wijzigen.

Een andere formaat wijzigen met ImageOptim

Een andere groottefactor waarmee we te maken hebben, is de bestandsgrootte. We hebben kleinere beeldformaten nodig met behoud van de beeldkwaliteit. De meeste gigantische beeldmanipulatoren hebben de mogelijkheid om afbeeldingen webklaar te maken. Maar als u alleen de grootte wilt comprimeren, kunt u ImageOptim gebruiken.

Net als bij ResizeMe is het gebruik van ImageOptim ook eenvoudig slepen en neerzetten. Alle afbeeldingen die u in de app laat vallen, worden automatisch geoptimaliseerd tot de kleinst mogelijke afmeting zonder de kwaliteit op te offeren. Het doet de magie door de beste compressieparameters te vinden en onnodige opmerkingen en kleurprofielen te verwijderen.

De procentuele kolom geeft aan hoeveel bloat de app kan verwijderen van de afbeeldingen. De perfectionist kan het gebruiken “Nog een keer” om ze te helpen nog een paar procent uit de beeldgrootte te persen. U kunt meerdere keren op de knop drukken totdat de percentagekolom 0% aangeeft.

Door de resultaten te vergelijken, kunnen we zien dat ImageOptim zijn werk goed doet. Soms kan meer dan 50% van het beeldgewicht worden geëlimineerd.

Dit is voordat u ImageOptim gebruikt.

En dit is na.

Hoewel het cijfer overeenkomt met slechts een paar kilobytes verlies aan afbeeldingsgrootte, kunnen deze kleine kilobytes, als u alles optelt, iets betekenen voor de algehele sitegrootte en bandbreedte.

Wat ik leuk vind aan deze app is dat deze wordt geleverd met een workflow. Als u de workflow opent met Automator en deze opslaat, wordt deze omgezet in een Mac-service. Omdat u snelkoppelingen naar services kunt toewijzen. Hoe werkt u productiever op de Mac met de hulp van services Productiever werken op de Mac met behulp van de services Meer lezen, u kunt de app sneller gebruiken door eenvoudig afbeeldingen te selecteren en de snelkoppeling te activeren combinatie.

Uit mijn eigen persoonlijke ervaring kan ik zeggen dat de combinatie van ResizeMe en ImageOptim me veel tijd heeft bespaard bij het voorbereiden van afbeeldingen voor gebruik op het web. Maar neem mijn woord niet op, probeer ze zelf en deel wat u denkt in onderstaande opmerkingen. En als je je eigen favorieten hebt, kun je ze ook gratis delen.

Meer informatie over: Bloggen, Beeldeditor, Webmasterhulpprogramma's.