How To Use Images In A Website

by Sep 29, 2019Blog

The images used in a website are far more important than how easy it is to upload them. One of the biggest problems with websites is the images. The web is a great place to view awesome pictures. How do you get awesome images? Everyone thinks all you do is upload the image from a mobile phone. The mobile phone takes incredibly sharp images. They look great on the phone!

A smartphone can have a 2, or 3 megapixel camera. This means the the camera takes high resolution pictures which gives the image a large size. When you use that image it needs to be sized and compressed for the web. When an image is compressed, the picture quality is reduced somewhat but the file size decreases. If the image is not compressed the file size is too big and this causes the webpage to load slowly.

Image Compressing Plugins

They’ll do the work for you. But that’s the lazy way around the issue. If you want to save yourself time, expense, and future problems with webpage loading times, prepare the images you’re going to use correctly before you upload them to the media library in your website.

There’s no way around this, and no quick fix no matter how many plugins you find in the WordPress Plugin Repository on WordPress.org.

Image Responsiveness

A premium WordPress Theme will have built in image responsiveness, and a sizing chart for images to use with the Theme. If you don’t know the correct image size it’s a guessing game and a lot of wasted time.

This is a great way to irritate the visitor who lands on your website as they wait for the page to load because the image file is too large.

Eventually you’ll get the timeout notice from the browser that the page couldn’t load.

Free Image Editor

Free doesn’t always mean they’re good. It depends on your preference.

Affinity Designer

Is the same as Adobe Photoshop without the expense. Your images need attention before uploading.

Image Sizing

This is so important especially when you are laying out the content onto the web page. In the Divi Theme you have the option to choose the columns you want for the page. It’s better to follow an image measurement guide that shows you exactly what the width of the column is and what the size of the image should be.

The Ultimate Guide to Image Sizing was published in 2017 by Elegant Themes. Technology updates but the structure of a web page won’t change. A web page consists of divider tables which can have various column widths. 

Content Image Balance

The content you put on the page will need images to break up the text and make it interesting. A picture tells a story without having to write a whole lot of words. Images are also great motivating tools. No one likes to look at text with no images. It’s different when you’re reading a book. The web is similar to a magazine when it comes to layout, but you can’t click on a link, go to another article and find more information. 

Ideally you want to achieve a balance of text and images on a given page or blog post. This is a challenge. But once you know what images you want to use and what size they should be you won’t have problems coming up with the kind of content you want to put onto the page or into the blog post.

Author | Joan

Bloggs with the Divi Visual Builder in real time!

Divi
GDPR and Your Website

GDPR and Your Website

The European Union General Data Protection Act is in effect May 25, 2018. The Information provided is a courtesy and is not legal advice.The user now has complete control over their data and has a say in how it may be used.As a website owner you must explain to the...

Read More
Subscribe To The Newsletter

Subscribe To The Newsletter

Join our mailing list for updates and tips on how-to with Divi.

You have Successfully Subscribed!

Share This