So, now we’ve covered the Basics of Images for Weebly in our previous blog post, you’re probably ready to get going and start adding some images to the pages on your website. Before we can do this however it's important to know about Preparing images for Weebly.
In this article we’ll go into some more detail about how to prepare web images, along with some great free tools that you can use to do the job like a pro. This is a really important step as properly optimized and prepared images can make a massive difference to the appearance and performance of your website.
WHAT TOOLS DO I NEED?
Normally when you download a high resolution image from the internet or use one you have taken yourself, the image dimensions and file size will be quite large, and have a really high resolution, which means the file size will be potentially huge.
This is the first obstacle that will need to be tackled. If you just upload the image at full size to your website it will slow your website down when loading.
Weebly does allow you to edit the images within the editor, however there are some issues with doing this. Weebly's image editor has a built in optimizer, however it may reduce the quality of your image more than you want it to, so we still recommend doing the optimization on the image before you upload it.
There may also be some other tweaks you want to make to the image also before you use it on your website (cropping, resizing, adding an overlay, fading the edges, changing the contrast/color balance etc).
So, what tools do I need for my Weebly Images? Here are some of the tools we have used in the past when preparing images for our websites.
Most people have heard of Adobe Photoshop (or just “photoshop”). This is a highly sophisticated piece of image manipulation software that is used widely by professional photographers. It is quite expensive and unless you already own a copy and have other uses for it, you probably won’t need it to prepare images for your Weebly website.
Check it out: http://www.adobe.com/products/photoshop.html
If you do however own a copy, it is an ideal tool for the job. You can resize, crop, optimize and fully edit the image with graphical effects, color changes etc.
Adobe Illustrator is an illustration program. It is primarily used by graphic designers and artists to create something called Vector images.A vector image is basically an illustrated image that can be re-sized infinitely without losing any quality. Illustrations are another type of image you can use on your website. especially for things like logos and icons. Again, with this being a high end professional piece of software it does have a hefty price tag. Check below for some free alternatives.
Check it out: http://www.adobe.com/uk/products/illustrator.html
Gimp stands for “GNU Image Manipulation Program”. Gimp is an alternative to Adobe Photoshop that will allow you to easily prepare and edit images for your Weebly Website. It does take a little getting used to if you’ve never used it before, but the basic functions like resizing, cropping and basic editing can be picked up pretty easily. There is also an endless amount of tutorials on how to do pretty much anything you want to.The best thing about Gimp is, it’s absolutely free. This is our star pick of all the software, and we use it regularly.
Check it out: http://www.gimp.org/
Inkscape is a Free alternative to Adobe Illustrator. It is a very powerful tool, and can be used to create and edit illustrations. If you do want to have a go at creating your own logo, or illustrated graphic for your site, Inkscape is a good place to start. there is a great online community and lots of tutorials on how to use the program.Check it out: https://inkscape.org/en/
ONLINE TOOLSSo… we’ve spoken about the tools you can buy or download onto your computer for free to help you prepare your images for Weebly. However, if you don’t have time to learn the software or don’t need to do anything other than the basic image preparation, there are some really great tools on the internet that will help you resize, crop, optimize and prepare images for your Weebly website.
We’ve handpicked some of the tools we like to use:
Webfire Themes Blog
Welcome to the Webfire Themes Blog, where you can find out about our latest updates, great free resources, as well as Weebly News and all sorts of Tips and Tricks for Weebly.
Webfire Themes provide the best Weebly Themes & Templates on the planet. We love what we do and strive to give our customers exactly what they need to create stunning Weebly websites.