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

***

"I love the way your email series "Infinite Web Content Creation Training Series" is documented and presented. It is very absorbing and captivating. The links and tutorials are interesting and educational. This has motivated me to rewrite my content following the concepts I am learning from the email series." - Mani Raju, www.fortuneinewaste.com

Embed Block

The Embed Block lets you embed videos, images, tweets, audio, and other content from external sources …

WordPress Gutenberg Blocks – Embed

WordPress Gutenberg - Embed Block

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Embed Block Description

The Embed Block lets you embed videos, images, tweets, audio, and other content from external sources.

Add media elements to WordPress using the Embed Block

(Add media elements to WordPress using the Embed Block)

How To Use The Embed Block

To add an Embed Block:

  • Either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select an ‘Embed’ block (in Most Used or Widgets section), or
    • Add the ‘Embed’ block in the Content Area.
  • Add or paste in your Embed URL.
  • Use the tools in the Embed Block Editor or Block Settings section to align, edit,  or configure your media elements.

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select an ‘Embed’ block …

'Add Block' Tool - Add Embed Block

(‘Add Block’ Tool – Add Embed Block)

Or, select an Embed Block in the Content Area

Add an Embed Block from the Content Area

(Add an Embed Block from the Content Area)

After adding an Embed Block, you can:

  • Edit and configure block settings,
  • Save, publish, or update your post or page.

How To Edit An Embed Block

To edit an Embed Block:

  • Click inside the Embed Block to select it.
  • Use the Block Editor tools to:
    • Change block alignment.
    • Format caption text (bold, italics, strikethrough).
    • Add a hyperlink to the embed caption.
  • Use the Block Settings to configure any additional settings for your embedded content.

Edit a Embed Block

(Edit a Embed Block)

Remember to update and publish your post or page to save your settings.

How To Remove An Embed Block

To delete or remove an Embed Block:

  • Click inside the Embed Block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.

Remove an Embed Block

(Remove an Embed Block)

Additionally …

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (see our ‘How To Use Blocks‘ tutorial if you need help with this step).
  • You can also convert Embed Blocks into Reusable Blocks.

Embed Block Tools, Options & Settings

The Embed Block includes tools, options, and settings for:

  • Embed Block Editor
  • Embed Block Settings

Embed Block Editor

Embed Block Editor

(Embed Block Editor)

The Embed Block Editor includes tools that let you perform the following operations:

  • Display Block Type (See ‘Embed Block – Additional Info’ section below.)
  • Align Embedded Element
    • Align left
    • Align center
    • Align right
  • Embedded Element Width Display
    • Wide width
    • Full width
  • More Options

Embed Block Editor

(Embed Block Editor)

Embed Block Settings

Embed Block Settings

(Embed Block Settings)

Embed Block settings include:

  • Block description area
  • Media Settings
    • Resize for smaller devices – preserve aspect ration of embedded element when the browser is resized.
  • Advanced Settings
    • Additional CSS Class

Embed Block – Additional Info

  • The Embed Block cannot be converted into other block types:
  • Installing plugins or themes on your site may add new functionality, options, or settings to Embed Blocks.

Supported WordPress Embeds

WordPress supports embedding many third-party media elements (see table below). If you try to add an unsupported format, you will get a message that the element is not supported (“Sorry, we could not embed that content.”) and the option to try again, or convert the media element into a link.

Unsupported Embed Formats

(Unsupported Embed Formats)

WordPress currently supports the embed blocks listed below:

Embed Block ImageEmbed Block NameDescription

WordPress Gutenberg - Animoto Embed Block

AnimotoAnimoto is a cloud-based video creation service that produces video from photos, video clips, and music into video slideshows.

WordPress Gutenberg - Cloudup Embed Block

CloudupCloudup lets you instantly and securely share photos, music, links, and files.

WordPress Gutenberg - Embed Block

CollegeHumorCollegeHumor delivers daily comedic content, including videos, pictures, articles and jokes.

WordPress Gutenberg - Embed Block

DailymotionDailymotion is a video-sharing technology platform.

WordPress Gutenberg - Embed Block

EmbedGeneral embedding block

WordPress Gutenberg - Facebook Embed Block

FacebookEmbed content from Facebook.

WordPress Gutenberg - Flickr Embed Block

FlickrFlickr is an image hosting service and video hosting service.

WordPress Gutenberg - Embed Block

Funny or DieFunny videos, funny pictures, and funny articles featuring celebrities, comedians, and you.

WordPress Gutenberg - Embed Block

HuluHulu provides instant streaming content.

WordPress Gutenberg - Imgur Embed Block

ImgurImgur is an online image sharing community

WordPress Gutenberg - Instagram Embed Block

InstagramEmbed content from Instagram

WordPress Gutenberg - Embed Block

IssuuIssuu is an electronic publishing platform for flipbooks, digital magazines, and digital catalogs.

WordPress Gutenberg - Embed Block

KickstarterKickstarter is a global crowdfunding platform focused on creativity and merchandising.

WordPress Gutenberg - Embed Block

Meetup.comMeetup is a service used to organize online groups that host in-person events for people with similar interests. 

WordPress Gutenberg - Embed Block

MixcloudMixcloud is an online music streaming service.

WordPress Gutenberg - Embed Block

PhotobucketPhotobucket is an image and video hosting website.

WordPress Gutenberg - Embed Block

PolldaddyPolldaddy (Crowdsignal) lets you create polls, surveys, quizzes, and ratings.

WordPress Gutenberg - Reddit Embed Block

RedditEmbed content from Reddit a social news aggregation, web content rating, and discussion website.

WordPress Gutenberg - Embed Block

ReverbNationReverbNation provides tools and opportunities for musicians.

WordPress Gutenberg - Embed Block

ScreencastScreencast lets you share content created with image and video capturing software like Snagit and Camtasia.

WordPress Gutenberg - Embed Block

ScribdScribd is a digital library, e-book and audiobook subscription service

WordPress Gutenberg - Embed Block

SlideshareLinkedIn SlideShare is a hosting service for professional content including presentations, infographics, documents, and videos. 

WordPress Gutenberg - Embed Block

SmugMugSmugMug is an image sharing, image hosting service, and online video platform.

WordPress Gutenberg - SoundCloud Embed Block

SoundCloudSoundCloud is an online audio distribution platform and music sharing website

WordPress Gutenberg - Embed Block

Speaker DeckSpeaker Deck is an online presentation sharing site.

WordPress Gutenberg - Spotify Embed Block

SpotifySpotify is a music streaming platform.

WordPress Gutenberg - Embed Block

TEDTED provides videos from subject experts on education, business, science, tech, and creativity.

WordPress Gutenberg - Embed Block

TumblrTumblr is a microblogging and social networking website

WordPress Gutenberg - Twitter Embed Block

TwitterEmbed content from Twitter.

WordPress Gutenberg - Embed Block

VideoPressVideoPress lets you easily upload and share videos on your WordPress blog or any site.

WordPress Gutenberg - Vimeo Embed Block

VimeoVimeo is a video-sharing website where users can upload, share and view videos

WordPress Gutenberg - WordPress Embed Block

WordPressEmbed content from WordPress sites

WordPress Gutenberg - Embed Block

WordPress.tvWordPress.TV provides videos and recorded talks about the WordPress platform.

WordPress Gutenberg - YouTube Embed Block

YouTubeEmbed content from YouTube

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Embed Block.

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org

Video Block

The Video Block lets you upload and embed a video on your site from your media library or external URL …

WordPress Gutenberg Blocks – Video

WordPress Gutenberg - Video Block

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Video Block Description

The Video Block lets you upload and embed a video on your site from your media library or external URL.

Add Videos to WordPress using the Video Block

(Add Videos to WordPress using the Video Block)

How To Use The Video Block

To add a Video Block:

  • Either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select a ‘Video’ block (in Most Used or Common Blocks section), or
    • Add the ‘Video’ block in the Content Area.
  • Add, paste in, or upload your content.
  • Use the tools in the Video Block Editor or Block Settings section to resize, edit, format, or customize your Video.

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Video’ block …

'Add Block' Tool - Add Video Block

(‘Add Block’ Tool – Add Video Block)

Or, select a Video Block in the Content Area

Add a Video Block from the Content Area

(Add a Video Block from the Content Area)

After adding a Video Block, you can add a video:

  • Using drag and drop.
  • Using the web browser uploader.
  • From your media library.
  • From an external URL.
  • Using a supported video embedding format.

Add A Video Using Drag & Drop

To add a video using drag and drop:

  • Make sure you have your ‘videos’ or media files folder open (you may have to resize your browser to view your post and your media folder).
  • Select a video from your media folder and drag it onto the active (shaded) gallery upload tool.
  • The video will be automatically uploaded to your media library and inserted into your Video Block.

Add a video to WordPress using drag and drop

(Add a video to WordPress using drag and drop)

Add A Video Using Your Web Browser Uploader

To add a video using your web browser uploader:

  • Make sure you know where your media files folder is located.
  • Hover your cursor over the Video Block and click the ‘Upload’ button to open your web browser’s video uploader window.
  • Select a video from your media folder and click the ‘Open’ button to import the video into your site.
  • The video will be automatically uploaded to your media library, inserted into your Video Block, and added to your post or page.

Let’s go through the above steps:

First, click on the ‘Upload’ button in the Video Block …

Upload Video button

(Upload Video button)

This will bring up the ‘Upload Media’ window on your browser. Select a video from your media folder and click on ‘Open’ to import the video into the Video Block and add it to your post/page …

Upload a video

(Upload a video)

Add A Video From Your Media Library

To add a video from your media library:

  • Make sure that you have uploaded your video to your media library (if you need help with this step, see our How To Use The WordPress Media Library tutorial).
  • Hover your cursor over the Video Block and click on the ‘Media Library’ button.
  • Click on a video from the Media Library to select it.
  • Click on the ‘Select’ button.
  • Your video will be imported to the Video Block and added to your post or page.
  • Update or publish your post or page to save your changes and update your content.

Let’s go through the above steps:

Hover your cursor over the Video Block and click on the ‘Media Library’ button …

Media Library upload button

(Media Library upload button)

Select a video from your media library (or upload one from your media files folder) and click on the ‘Select’ button …

Upload a video from the Media Library

(Upload an video from the Media Library)

The video will be imported to your Video Block and added to your post or page …

Video added

(Video added)

Add A Video From An External URL

You can add a video to your post or page from an external URL.

To add a video from an external URL:

  • Make sure you have uploaded your videos to your server or external cloud storage location (e.g. Amazon S3, Dropbox, etc.)
  • Copy the video URL
  • Hover your cursor over your Video Block and click on ‘Insert from URL’
  • Paste your video URL into the URL field
  • Click ‘Apply’ to insert the video into your content.

Let’s go through the above process.

After uploading your video to your storage location and copying its URL, hover your cursor over the Video Block and click on ‘Insert from URL’ …

Insert video from URL

(Insert video from URL)

Paste the video URL into the URL field and click ‘Apply’ to add the video into your post or page …

Insert video from URL

(Insert video from URL)

Add A Video From A Supported Embedding Format

You can add a video from a supported embedding format (e.g. a YouTube video).

To add a video from a supported embedding format:

  • Add a Paragraph Block or Embed Block
  • Paste in the video URL
  • If your video source is supported, the Paragraph Block will be automatically converted into an Embed Block and display the video …

Paste in a video URL

(Paste in a video URL)

After adding videos:

  • Edit and configure block settings,
  • Save, publish, or update your post or page.

How To Edit A Video Block

To edit a Video Block:

  • Click inside the Video Block to select it.
  • Use the Block Editor tools to:
    • Change the alignment of the video (left, center, right).
    • Change the width of the video (wide, full).
    • Add and format a video caption (bold, italics, strikethrough).
    • Add a hyperlink in the video caption.
  • Use the Block Settings to:
    • Configure video settings (autoplay, loop, muted).
    • Configure playback controls (auto, metadata, none)
    • Add a video thumbnail image.

Edit a Video Block

(Edit a Video Block)

Remember to update and publish your post or page to save your settings.

How To Remove A Video Block

To remove or delete a video block:

  • Click inside the Video Block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.

Remove a Video Block

(Remove a Video Block)

Additionally …

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (see our ‘How To Use Blocks‘ tutorial if you need help with this step).
  • You can also convert Video Blocks into Reusable Blocks.

Video Block Tools, Options & Settings

The Video Block includes tools, options, and settings for:

  • Video Block Editor
  • Video Block Settings

Video Block Editor

Video Block Editor

(Video Block Editor)

The Video Block Editor includes tools that let you perform the following operations:

  • Change Block Type (See ‘Video Block – Additional Info’ section below.)
  • Align Video
    • Align video left
    • Align video center
    • Align video right
  • Video Player Width
    • Wide width
    • Fullwidth
  • Caption 
    • Bold
    • Italics
    • Strikethrough
  • Add Caption Hyperlink
    • Paste link URL
    • Type to search and link to existing content
    • Hit ‘Enter’ or click ‘Apply’ button to create link
    • Option to open link in new tab
  • More Options

Video Block Editor

(Video Block Editor)

Video Block Settings

Video Block Settings

(Video Block Settings)

Video Block settings include:

  • Block description area
  • Video Settings
    • Autoplay (on/off) – Begin playing video automatically when page is loaded in visitor’s browser.
    • Loop (on/off) – Keep video looping after initial playback.
    • Muted (on/off) – Mute video soundtrack.
    • Playback Controls (on/off) – Display or hide video playback controls.
    • Preload
      • Auto – The audio should start loading as soon as the page loads.
      • Metadata – Only the metadata is preloaded: dimensions, first frame, track list, duration, etc.
      • None – No preload is done.
    • Poster Image – Select an image thumbnail for your video from your media gallery.
  • Advanced Settings
    • Additional CSS Class

Video Block Settings

(Video Block Settings)

Video Block – Additional Info

The Video Block can be converted into the following block types:

Change Block Type - Video Block

(Change Block Type – Video Block)

Additionally:

Installing plugins or themes on your site may add new functionality, options, or settings to Video Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Video Block.

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"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)

Stock video by Videezy