modifying-images-smallAdjusting the size, look or format of images can be very important when you share images through your blog or social media channels.

Do you use any tools that will help with this?

In this article we outline 5 tools you can use to optimize your images.  This is the first of 3 posts on using images on the web, come back next Monday for the next one!

1. Adjust the size of your images using removes unnecessary bytes from your images to reduce the size of them.  It’s a lossless tool which means that even though the size of the image is reduced there is no change to quality.

Here’s an example of the image size adjustment with a few random images I tried.


Smushit reduces the size of each of the images but no reduction in image quality is also available as a wordpress plugin.  When it’s installed the images will automatically be smushed in the background!


2.  Focus attention with Color Splash

Color splash is an iphone and ipad app that changes your image to black and white and then allows you to color in a section of the image.  This means that the piece you color in will really stand out within the image.  It’s a cool app with very simple editing capabilities.


color splash
You can color in parts of the image to make it standout

I originally came across this app when Amanda from Spiderworking wrote about it.  Read her article for more details on how to edit images using Color Splash.

3.  Modify your images using Picmonkey

Picmonkey is a great tool for modifying images.  You can add text, place borders on the image, sharpen up your image, add shapes, arrows and much more.

Here’s an example of an image before it was edited.


Headfirst image
This is the image before we edited it..


This is the image adding a nice border and some text which took about 10 seconds.


Picmonkey provides an easy way to edit images


When you are sharing out images on social media text on the image can be very useful.  Text on an image captures attention and is particularly important if people are sharing the image to sites such as Pinterest.


4. Placeit – Add your image to pre-defined templates

With Placeit you can select an image or provide a web address and add it to one of their templates.  The images are displayed within iPhones and iPads with different backgrounds.  This is cool to show off a new product or service you have or just your website.

Here is an example, I just entered the web address of our site and Placeit embeds this onto an ipad with an image of an office in the background, cool?


Breezi provides a range of templates where you can add your own images into.

5. Autoreplanete – Social Media Image Maker

Autoreplanete provide a free tool for adjusting the size and touching up an image you want to use for your social media profile.


Select the social media platform and upload your image
Select the social media platform and upload your image


The interface  is quite simple.  You select the platform, the image type you are uploading (e.g. header, profile etc), upload the image and then start adjusting the size and touching it up.


Social Media Profile Adjustment
It’s a very simple tool for editing your profile images

Final Comments

Images are becoming increasingly important.  You see how quickly Pinterest is growing and there are other visual type platforms such as ‘Fancy’  that you will hear of soon.  I know that we are going to spend more time improving the quality of our imagery, what about you?  Any tools you’d recommend? Do you like the ones above?

Note:  A site I’d highly recommend if you want to know more about using images is Socially Sorted which is run by my friend Donna Moritz.

photo credit: Taylor Dawn Fortune via photopin cc


Similar Posts You Might Also Like...
[wpforms id="21612" title="false" description="false"]
<div class="wpforms-container wpforms-container-full" id="wpforms-21612"><form id="wpforms-form-21612" class="wpforms-validate wpforms-form" data-formid="21612" method="post" enctype="multipart/form-data" action="/modifying-images/" data-token="335855ff5db8c6e0c45ea41cfc8f7a55"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-21612-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_1">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-21612-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" placeholder="Name" required></div><div id="wpforms-21612-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_2">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-21612-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address" required></div><div id="wpforms-21612-field_6-container" class="wpforms-field wpforms-field-text" data-field-id="6"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_6">Website</label><input type="text" id="wpforms-21612-field_6" class="wpforms-field-large" name="wpforms[fields][6]" placeholder="Website" ></div><div id="wpforms-21612-field_5-container" class="wpforms-field wpforms-field-textarea" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_5">Enquiry <span class="wpforms-required-label">*</span></label><textarea id="wpforms-21612-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" placeholder="Enquiry" required></textarea></div><div id="wpforms-21612-field_11-container" class="wpforms-field wpforms-field-captcha" data-field-id="11"><label class="wpforms-field-label" for="wpforms-21612-field_11">Custom Captcha <span class="wpforms-required-label">*</span></label> <div class="wpforms-captcha-math"> <span class="wpforms-captcha-equation"> <span class="n1"></span> <span class="cal"></span> <span class="n2"></span> <span class="e">=</span> </span> <input type="text" id="wpforms-21612-field_11" class="wpforms-field-medium wpforms-field-required a" data-rule-wpf-captcha="math" name="wpforms[fields][11][a]" required> <input type="hidden" name="wpforms[fields][11][cal]" class="cal"> <input type="hidden" name="wpforms[fields][11][n2]" class="n2"> <input type="hidden" name="wpforms[fields][11][n1]" class="n1"> </div> </div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-21612-field-hp" class="wpforms-field-label">Website</label><input type="text" name="wpforms[hp]" id="wpforms-21612-field-hp" class="wpforms-field-medium"></div><div class="wpforms-recaptcha-container wpforms-is-recaptcha"><div class="g-recaptcha" data-sitekey="6LeM6ZgUAAAAAEkxPMgcFFoPipPfMkqzgcGXJioV" data-size="invisible"></div></div><div class="wpforms-submit-container"><input type="hidden" name="wpforms[id]" value="21612"><input type="hidden" name="wpforms[author]" value="5"><input type="hidden" name="wpforms[post_id]" value="2853"><button type="submit" name="wpforms[submit]" id="wpforms-submit-21612" class="wpforms-submit bc-form-button-blue" data-alt-text="Sending..." data-submit-text="Send" aria-live="assertive" value="wpforms-submit">Send</button></div></form></div> <!-- .wpforms-container -->