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.
To edit images you will need an image editor. Some are free and others are expensive. I use Affinity Designer.
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
Blogs with the Divi Visual Builder in real time!
Redoing A Website With Divi
First Step The Style Guide Build a Style Guide Change the color scheme Set the color palette Chose the font pairing Deal with Accessibility The Style Guide should be the first consideration when you're going to redo a website. Even if you're not redoing a website...
Write in Real Time with the Divi Visual Builder
Write directly onto a web page in real time? See your words flow onto the page as you type them into the module? Style the module with a different color and shape? You see it as you style it. Unheard of. Impossible... until now. Enter the Visual Builder experience...
Build a Website with Divi
Yes, you can do it yourself The way the WordPress website software industry is going today, puts you in the best position to "get it." A website is something you need. It's not a matter of how, but more of when is the website going to be ready for use. There is no...
