Images on WordPress,WordPress Images

Visuals are processed about 50,000 times faster and easier than text by the human brain. A clear reason for this might be that approximately 40% of our nerve fibres to the brain are connected to the retina. According to another study, customers have an attention span of just 8 seconds. This is even worse than a goldfish. The result is that the engagement per follower on Instagram is over 50 times higher than Facebook.

In such a competitive environment, how will you stand out if you’re not good with images?

It doesn’t matter if you’re a new blogger, an experienced one or even just a layman. If you are ready to learn something new today, you are in the right place. We will begin by explaining the basic concepts and steadily move on to the more advanced sections of inserting and editing images on WordPress. Let us begin.

Downloading an image from the internet

Images on WordPress,WordPress Images
Downloading an Image

As easy as it sounds, downloading an image can be a tricky proposition sometimes. Not only copyright issues, other discrepancies like hotlinking also become big issues, especially for new bloggers. Hotlinking is when you upload an image using its URL on the internet. It is not a good idea as many sites avoid this due to the extra strain on their servers. The other problem is that the image disappears from your post as soon as it is removed from its current location. Now, once you find the desired image that can be legally utilised, follow these steps to download it to your computer.

  • Right click on the image.
  • You will get an option of ‘Save image as…’.
  • Click on ‘Save image as…’.
  • Select the folder where you want to save this image on your computer.
  • Enter the name of the image in the ‘File Name’ Tab
  • Select the file type from the ‘Save As Type’ tab.

We recommend you to save pictures in.PNG format as it is a lossless compression file format. In simple words, it is the best choice to store line drawings, text, and icons at a small file size. .JPG format is best suited to store photographs smaller in size than a BMP.

Uploading an image on a blog

Images on WordPress,WordPress Images
Uploading an Image

Once you have downloaded the image, the first thing you must learn about is uploading it to your WordPress blog. WordPress images can be uploaded individually or in a group. Whichever way you choose, only a copy of the original file(s) will be uploaded, while the original file will remain on your computer.

Now, once you log in to your WordPress dashboard, follow these steps to upload an image to your blog.

  • Start with a new post or an old one, and click the ‘Add Media’ button.
  • Click on the ‘Upload Files’ tab.
  • Either drag and drop the file that you want to upload, or
  • Click on ‘Select Files’ button to browse through your computer and upload it.
  • It will take a few seconds to successfully upload.

You can access these images whenever you want to via the WordPress Media Library. You just need to click on the Media menu on your WordPress Dashboard. This library acts as a store for all the media items you upload on WordPress.

Inserting an image within a post

Images on WordPress,WordPress Images
Inserting an Image

The appropriateness and quality of an image are optimised only if it is placed in the perfect spot in the blog. This is extremely helpful if you need to explain a concept or narrate a story and support it with compatible pictures.

Now, once you have uploaded all the needed images in the WordPress Media Library, follow these steps to insert an image within your post.

  • Take your cursor at the exact point where you want to insert the image within your post.
  • Click on the start or end of a text, or on a blank line near that point.
  • Click on ‘Add Media’ and then the “Media Library” tab and you will find the respective image.
  • Click on the particular image and a panel will appear at the bottom right of your screen.
  • Ignore the options for now and Click on the ‘Insert into Post’ button.

After this, the image will be inserted into the post. You can perform actions like aligning an image, resizing an image and turning an image into a link in this step itself. However, they have been explained in detail below to enable a greater understanding.

Aligning WordPress images in a post

Images on WordPress,WordPress Images
Aligning an image

Aligning an image in a post is of utmost importance. Unaligned images together look like a poorly organised workstation. Due to this, users tend to get confused and leave your blog. Hence, whenever you insert an image, remember to set its alignment right.

Now, once you have inserted the needed image within your post, follow these steps to align an image within your post.

  • Click on the image that you want to align.
  • A mini-menu pop up on the image.
  • Move your cursor on the align button in that menu.
  • Click on the right, centre, left alignment or no alignment buttons accordingly to adjust.
  • Your image will now be aligned correctly in your post.

Alignment of an image can also be changed by clicking on the edit button or the little pencil.

Resizing Images on WordPress

Images on WordPress,WordPress Images
Resizing an Image

Images that are either too big or too small distract the viewers and decreases the readability of your blog. Hence, these images need to be resized if you want the optimum results out of these images.

Now, once you have inserted the needed image within your post, follow these steps to resize an image.

  • Click on the image.
  • A mini menu will pop up on the top of the image
  • Click on the edit button or the little pencil in the mini-menu.
  • A box named, ‘Image Details’ will open.
  • Click on the drop-down menu next to the “Size” tab and select from options like Thumbnail, Medium, Full size or Custom size.
  • Click on “Update” button at the bottom.
  • The selected image will be updated according to the selected size.

Resizing an image can also be done at the time of uploading the picture or through media library as shown in the picture. It does not change the size of your original image, so the file size remains the same. Also, while resizing, whenever you change the height of the image, the width will be automatically adjusted and vice versa.

The steps discussed above will help you to download an image from the internet and use it according to your convenience on your own blog. We call these steps altogether as the basics of Editing Images on WordPress. However, there are still a few things that you need to keep in mind, before becoming a pro at image editing. We will discuss them in the next part of this article. Till Then, Happy Editing!!

Welcome to Wbcom Designs!  - Get 10% off on all plugins & themes
Coupon : HELLO10