Where To Get Thousands Of High Resolution Images With Transparent Backgrounds For Your Website

Save time and money with this huge library of over 20,000 high-resolution images with transparent backgrounds …

Where To Get Thousands Of High Resolution Images With Transparent Backgrounds For Your Website

Over 20,000 High-Res Images With Transparent BackgroundsIn this series of posts on useful and cost-effective tools and resources that will help improve your Content Marketing results, we look at at a huge time-saving and inexpensive resource that lets you add high resolution images to your blog, web pages, and even other images easily .

Have you ever searched for images for your website or blog, or come across an image that would fit perfectly over your logo or banner but the background of the image gets in the way?

For example, let’s say that you’re working on an article or blog post for your site about working in a modern office environment.

While planning your article, suppose that, in your mind, this is the image you are hoping to create …

Adding Images With Transparent Backgrounds To Web Pages

(Suppose this is the ideal image you want for your article or blog post …)

Now, suppose that while searching for the ideal picture of an office worker holding a cup of coffee in a modern office setting, you come across this image instead …

Office Worker With Cup Of Coffee

(Suppose you find the ideal image, but the background is wrong …)

Suppose too, then, that the person in this image is perfect for your article and it’s exactly what you’re looking for, but the background of the image is wrong.

If you were to simply try and superimpose the image of the office worker holding a cup of coffee onto the modern office background image, it would not be a great look …

Superimposing Images

(Superimposed images with image original background … not a great look!)

Removing backgrounds from images like photos is called ‘deep-etching’ and it’s a difficult and time-consuming process that requires great image editing skills.

This is where a resource like Versatile Pictures  can become really useful for website and blog users, content writers, etc.

Versatile Pictures

Versatile Pictures - Over 20,000 High-Res Images Without Backgrounds

(Versatile Pictures – Over 20,000 High-Res Images Without Backgrounds)

Versatile Pictures saves you time and money by providing a huge library of over 20,000+ high-resolution .png images with transparent backgrounds that you can immediately place on top of any other image or background and resize to give you a seamlessly integrated composite image.

Images with transparent backgrounds can be used in so many ways!

(Images with transparent backgrounds can be used in so many ways!)

Professional-quality images with transparent backgrounds can be used in so many different ways. You can use them in sales materials and presentations, create clean-looking web pages, superimpose them onto other images, banners, logos, etc.

Some of the benefits of using the Versatile Pictures collection of high resolution images include:

  • Images are in .png format and work with all image editing applications and web platforms.
  • Images can be downloaded unlimited times and used as often as you need in all your projects.
  • All images and are organized into categories making them easily searchable.
  • Commercial rights are included with the license, so if you provide any services to clients, you can use these images in any work done for clients.

Versatile Pictures - Over 20,000 High-Res Images Without Backgrounds

For more details, visit the website here: Versatile Pictures

***

"If you're new to WordPress, this can stand on its own as a training course and will stay with you as you progress from beginner to advanced and even guru status." - Bruce (Columbus, Ohio)

How To Add And Format Images In WordPress

Learn how to add and format images to WordPress posts and pages in this tutorial.

How To Add And Format Images In WordPressThis tutorial was created using an earlier version of WordPress and may contain outdated information. Please bookmark this page as we will be updating this tutorial soon!

To be notified of updates to our content, subscribe to our updates list (see sidebar), or Like our Facebook page.

***

Adding images to your content can help make your website or blog look more attractive, lively and professional. Images can also help to create a better impression with your readers and deliver a stronger presentation in your sales message.

To learn how to upload and use images in the WordPress Media Library, see the tutorial below:

To learn how to edit images in the WordPress Media Library, see the tutorial below:

In this tutorial, you are going to learn how to insert and format images in WordPress.

How To Add And Format Images In WordPress

There are several ways to source images for inserting into your posts and pages. You can:

  • Add an image from your site’s Media Library.
  • Upload an image from a folder on your hard drive.
  • Add the URL of an image stored in an image folder either in your own server or on another server (e.g. a remote file storage location like Amazon S3).

Important Info

Make sure that you have permission to use image(s) on your site. Image licensing companies and owners of copyrighted images will take legal action against you if you use images on your site without permission or violate the terms and conditions of your licensing agreements.

If you need free images and royalty-free images for your content, see the tutorial below:

How To Add Images From Your WordPress Media Library

Make sure that you have already completed this tutorial.

To insert an image from your WordPress Media Library, go to your Posts or Pages section and open (edit) your post or page, then place your mouse cursor where you would like to insert your image into the content …

How To Add And Format Images In WordPress Posts And Pages

Click on the Add Media button above the content editor window …

How To Add And Format Images In WordPress Posts And Pages

A pop up window will display the Add Media options. Select the Media Library tab to view all media you have uploaded to your WordPress site …

How To Add And Format Images In WordPress Posts And Pages

Select All media items from the Media Library drop-down menu to view all media items uploaded to your site …

How To Add And Format Images In WordPress Posts And Pages

You can also view only the media items you have attached to your post or page by selecting Uploaded to this post from the Media Library drop-down menu …

How To Add And Format Images In WordPress Posts And Pages

Note: You can also use the Media Library drop-down menu to filter and display only images, audio, and video files.

Select the image you want to insert into your post or page and then click on the Insert into post button …

How To Add And Format Images In WordPress Posts And Pages

Your image will be inserted into your post or page …

How To Add And Format Images In WordPress Posts And Pages

Important

Note #1: You can also insert an image gallery from your media Library into your posts and pages.

To learn how to add multiple images into content in your WordPress posts and pages, see the tutorial below:

Note #2: To exit the Insert Media screen without performing an image action, just click on the “X” at the top of the window …

How To Add And Format Images In WordPress Posts And Pages

How To Upload Images From A Computer Hard Drive

To add your own images to a post or page, first, make sure that you already have an image created and ready to be uploaded or placed into an “images” folder on your computer.

Next, go to your WordPress Visual Text Editor and click inside the post or page where you want the image to be added. The image will be placed wherever your cursor is flashing.

Click on the Add Media button above the content editor window …

How To Add And Format Images In WordPress Posts And Pages

A pop-up window will display the Insert Media options. Select the Upload Files tab to display the media uploader, then either drag-and-drop your image file into the box that appears on the screen with a dotted border or click on Select Files to locate and upload your image …

How To Add And Format Images In WordPress Posts And Pages

For a detailed tutorial on using the WordPress Media Uploader, see this tutorial

Locate the image you want to upload, then select it and click Open in the File Upload window …

How To Add And Format Images In WordPress Posts And Pages

Your image will begin uploading …

How To Add And Format Images In WordPress Posts And Pages

Once your image has been uploaded it will display as the selected item. Click the Insert into post button …

How To Add And Format Images In WordPress Posts And Pages Your image will be placed into your post or page …

How To Add And Format Images In WordPress Posts And Pages

How To Add An Image From A URL

Useful Information

Do not link to images hosted on an external server without permission – this is called hotlinking and it’s frowned upon by most webmasters and website owners, as it uses up their bandwidth and costs them money. You can set up your own external data storage account for hosting images and files remotely using a service like Amazon S3.

To add an image from a URL into a post or page, click on the Add Media button …

How To Add And Format Images In WordPress Posts And Pages

The Insert Media screen will open on your browser window. Click the Insert from URL link in the Insert Media menu …

How To Add And Format Images In WordPress Posts And Pages

Enter your image URL in the Insert from URL field, your image title in the Title field and click Insert into post

How To Add And Format Images In WordPress Posts And Pages

Useful Tip

If you use a content editor enhancing plugin like the TinyMCE Advanced plugin, you can quickly and easily add images into posts and pages by simply clicking on a menu icon …

How To Add And Format Images In WordPress Posts And Pages

This will bring up an Insert/Edit Image box like the one shown in the screenshot below, allowing you to enter an image URL, image description, title, etc. before adding the image into your post or page …

How To Add And Format Images In WordPress Posts And Pages

How To Format Images In Your Posts Or Pages

Once you have uploaded and added an image into your post or page using one of the methods shown above, the next step is to format your image so it displays well on your site.

In the next section, you will learn a number of different ways to format images in WordPress.

How To Format Images In The Insert Media Screen

Before adding an image into a post or page, the Insert Media screen gives you a number of options for editing and formatting your image file …

How To Add And Format Images In WordPress Posts And Pages

To learn more about editing media in the Media Library, see this tutorial

The Attachment Display Settings allow you to specify various formatting options for your image:

You can select an Alignment for your image …

How To Add And Format Images In WordPress Posts And Pages Left: Place the image on the left of your post or page content. Text is wrapped around the image …

How To Add And Format Images In WordPress Posts And Pages

Center: Center your image on the post or page. Text is not wrapped around the image …

How To Add And Format Images In WordPress Posts And Pages

Right: Place the image on the right of your post or page content. Text is wrapped around the image …

How To Add And Format Images In WordPress Posts And Pages

None: No image alignment. Text is not wrapped around the image …

How To Add And Format Images In WordPress Posts And Pages

You can also associate your image with a Link To destination …

How To Add And Format Images In WordPress Posts And Pages

Custom URL: Select this option to link your image to a URL of your choice (e.g. your home page or product page). Clicking on this image in a post or page will send the visitor to the URL location specified in the Custom URL field …

How To Add And Format Images In WordPress Posts And Pages

Media File: Select this option to link your image to the folder where your image file has been uploaded. Clicking on this image in a post or page opens up a full-size copy of your image on your visitor’s browser …

How To Add And Format Images In WordPress Posts And Pages

Attachment Page: Select this option to link your image to the media attachment page. Clicking on an image inserted into a post or page with this option will open up the file’s attachment page (See this tutorial for information about attachment pages) …

How To Add And Format Images In WordPress Posts And Pages

None: Select this option if you want to remove all links to the image. When an image with this setting is inserted into a post or page and clicked on, nothing will happen …

How To Add And Format Images In WordPress Posts And Pages

You can also choose a Size for your image …

How To Add And Format Images In WordPress Posts And Pages

Note: You can change the default size of your image thumbnails in the WordPress Media Settings page …

Adjusting Image Placement And Size

You can move an image around your text by selecting it with your mouse, then dragging and dropping it into a different area of your post or page editor window …

How To Add And Format Images In WordPress Posts And Pages

To edit an image once it has been inserted into your post or page, click on the image with your mouse and select the Image Edit icon …

How To Add And Format Images In WordPress Posts And Pages

The Edit Image screen will open up …

How To Add And Format Images In WordPress Posts And Pages

In the Edit Image screen, you can do the following:

Size: This allows you to scale your image from 100% down to 60% of its current size. This is useful if you want to adjust the size of your image to something other than the default full size, Large, Medium, and Thumbnail size options presented when you insert the image. Slide your mouse over the settings to enlarge or reduce the size of your image, then click to set the size option.

Alignment: This is where you control how your text aligns or wraps around your image. Select either left, center or right alignment and the image preview will change to show you how this will affect the image and text on your page.

You can also specify a Title for your image, Alternative Text (Alt text), Caption, and Link URL (See previous sections of this tutorial and this tutorial for more details about these options.)

When you’re done editing your image, click Update to save your new settings, or Cancel to exit the screen without saving your changes …

How To Add And Format Images In WordPress Posts And Pages

How To Resize Images – In-Content Image Resizing

You can resize your image directly in the Visual editor by clicking on the image, selecting any of the standard resizing handles and moving the mouse to make the image smaller or larger …

How To Add And Format Images In WordPress Posts And Pages

Note: Your image may become distorted or blocky depending on how you resize it.

How To Resize Images – Adding Thumbnail Images To Posts

To add a thumbnail image to your post, place your cursor where you want the thumbnail image to appear in your content and click on the Add Media button …

Using Featured Images In WordPress Posts

This will bring up the Insert Media screen …

How To Add And Format Images In WordPress Posts And Pages

Select the image you want to insert into your post as a thumbnail and then choose Attachment Display Settings > Size > Thumbnail from the drop-down menu in the Attachment Details column …

How To Add And Format Images In WordPress Posts And Pages

Click Insert into post

How To Add And Format Images In WordPress Posts And Pages

Your thumbnail image will be inserted into your post in the location where you placed your mouse cursor …

How To Add And Format Images In WordPress Posts And Pages

To learn how to change the default size of your thumbnail images, see this tutorial

Using The Advanced Settings Tab To Edit Your Image

To access the Advanced Settings tab, click on the image edit icon…

How To Add And Format Images In WordPress Posts And Pages

Click on the Advanced Settings tab…

How To Add And Format Images In WordPress Posts And Pages

In the Advanced Image Settings section you can:

  • View the Source URL of your image (if your image is stored in a different server, enter the full URL to the image here)
  • Enter a custom Size for your image or click on the Original Size button to restore the image to its original size
  • Enter a CSS Class – You can add or override CSS classes for your image here.
  • Add Styles – Apply individual CSS styles to the image.
  • Adjust Image properties like adding a border (enter “0” for no border, or specify a border width in pixels, e.g. “2”), vertical spacing and horizontal spacing (enter the number of pixels for these).

Below the Advanced Image Settings you will find the Advanced Link Settings section. This includes the following options:

  • Title: Enter text here to display the image title as a tooltip (the text will appear when visitors hover their mouse button over your image).
  • Link Rel: You can add link rel attributes to your images (e.g. “nofollow”).
  • CSS Class: Use this field to apply a CSS class to the link.
  • Style: Use this field to apply individual CSS styles to the link.
  • Target: Select whether you want the link to open in a new window or the same window.

Remember to click the Update button to save any changes made to these settings …

How To Add And Format Images In WordPress Posts And Pages

Practical Tip

Tip#1 – If you notice that an image appears to be distorted, or if you replace an image on your server with another image of a different size, then click on Image Edit > Advanced Settings > Original Size button to restore the image dimensions to its correct size …

How To Add And Format Images In WordPress Posts And Pages

Remember to click the Update button to save your settings …

How To Add And Format Images In WordPress Posts And Pages

How To Add Images To Your Sidebar

In version 4.8, WordPress introduced a WordPress Image Widget that lets you add an image to your sidebar from your media library or an external storage location …

Add an image to your sidebar with the WordPress image widget

(Add an image to your sidebar with the WordPress image widget)

To learn how to add and display images on your sidebar using the WordPress image widget, see this tutorial:

Congratulations! Now you know how to insert and format images in WordPress posts and pages.

How To Add And Format Images In WordPress

***

"These tutorials have so much information and are easy to understand. If you use WordPress or plan to in the future these will help you with everything you need to know." - Valisa (Mesa, Arizona)

***

How To Add Featured Images To WordPress Posts

Learn how to add featured images to your WordPress posts and pages …

WordPress TutorialThis tutorial was created using an earlier version of WordPress and may contain outdated information. Please bookmark this page as we will be updating this tutorial soon!

To be notified of updates to our content, subscribe to our updates list (see sidebar), or Like our Facebook page.

***

How To Add Featured Images To WordPress Posts

A Featured Image (previously known as a “Post Thumbnail”) is an image that you choose to represent your Posts, Pages or Custom Post Types.

Featured images can be used to make your posts look more attractive and enticing to your readers, thus increasing the overall appeal of your site.

Complete the step-by-step tutorial below to learn more about using featured images in your WordPress posts.

Using Featured Images In WordPress: Step-By-Step Tutorial

Using Featured Images In WordPress Posts

Note: Whether a Featured Image displays on your WordPress posts or not is determined by the particular theme you have chosen for your site. Featured images tend to be favored by WordPress themes with “magazine-type” layouts, which use an image to represent each post. This image might be displayed only on the home page and appear on its own, or alongside an excerpt of the post.

You can find Free WordPress themes that display featured images by going to the WordPress Theme directory and using the “featured-images” search filter when searching for themes …

Using Featured Images In WordPress Posts

If choosing Premium Themes, just make sure that the theme supports featured images.

To learn more about WordPress Themes go here:

How To Set A Featured Image For Your Posts

As we’ve just discussed, some WordPress themes allow you to specify a featured image for your posts. So, if you plan to use featured images, make sure that the theme you have chosen for your site supports this feature.

Tip

Adding support for feature images to WordPress themes requires customizing theme templates. If your WordPress theme does not support featured images, we recommend choosing a theme that does or contacting a web developer to modify the code in your theme templates.

To add a featured image to your post, make sure that the Featured Image box in the sidebar of your Edit Posts screen is visible …

Using Featured Images In WordPress Posts

If you cannot see the Featured Image box in your Edit Post screen, then click on the Screen Options tab at the top of your screen …

Using Featured Images In WordPress Posts

Make sure that the checkbox next to Featured Image in the Show on screen section is ticked …

Using Featured Images In WordPress Posts

Next, click on the Set featured image link inside the Featured Image box …

Using Featured Images In WordPress Posts

This will open up the Set Featured Image.screen as a popup window. Select the image you want to use as your featured image by clicking on it, then click on the Set featured image button …

Using Featured Images In WordPress Posts

The image you have selected has now been added to your post as a Featured Image …

Using Featured Images In WordPress Posts

Another way to set a featured image in a WordPress post is to click on the Add Media button inside your Edit Post screen …

Using Featured Images In WordPress Posts

This will open up the Insert Media screen in your Media Gallery.

Click on the Set Featured Image link in the Insert Media menu …

Using Featured Images In WordPress Posts

Next, select the image you want to use as your featured image by clicking on it, then click on the Set featured image button …

Using Featured Images In WordPress Posts

Your image will be set as the featured image of your post.

Remember to click Update to save and publish your new post settings …

Using Featured Images In WordPress Posts

Now, when you preview your site, you will see that your post displays the featured image you have specified …

Using Featured Images In WordPress Posts

Your featured image will continue to display even if you change WordPress themes on your site, as long as the themes support featured images …

Using Featured Images In WordPress Posts

To remove a featured image from a post, edit the post, then scroll down to the Featured Image box and click on the Remove featured image link …

Using Featured Images In WordPress Posts

You can also use plugins for managing featured images on your WordPress site.

You can search for WordPress gallery plugins inside your WordPress dashboard (Plugins > Add New), or the WordPress Free Plugin Repository …

WordPress Plugin Search - Featured Image

(WordPress Plugins – Image Gallery)

Search the WordPress Plugin Directory for feature image plugins below:

Congratulations! Now you know how to insert multiple images into your posts and pages using the built-in WordPress image gallery feature.

***

"Wow! I never knew there's so much to learn about WordPress! I bought one of the WordPress for Dummies three years ago, such authors need to be on this course!" - Rich Law, Create A Blog Now

***