Lots of you are familiar with uploading images to your Media Manager, but there are several other options: you can add images that live on another site, embed images from sites like Instagram (and starting today, Getty Images), or use shortcodes to embed a variety of media. Here’s the rundown:
The old standbys: upload to your blog and insert from web
Uploading is probably the way you usually get images onto your blogs — clicking “add media” while writing a post, choosing the files to upload, and then inserting them into your post or page.
We won’t belabor what you already know, except to remind you that you have a bunch of editing options available once you upload the image — you can see them all at left. You don’t have to fill every field in for every photo, but we encourage you to use the caption and alt text (the text used when the image isn’t available and by screen readers that help folks with low vision navigate the web),
If the image is from another site, updating the “link to” field to “custom URL” lets you link your upload to the original. Couple that with an attribution in the caption, and you’re a model internet citizen.
(Need a primer on uploading images? Here you go.)
If you want to use an image you’ve already uploaded somewhere else, you can do that without re-uploading it to your blog. Click on the same “Add Media” button as when you upload, but instead of uploading files, choose the “From URL” option. Copy the URL of the image from the site where it lives, and paste it in.
You can also edit some of the same settings we just reviewed, like captions and alt text, before hitting “Insert into post.” One caveat with this, though: if the image is removed from its original site, it’ll disappear from your site, too. Given that, it’s best to use this option only when you have control over the image (e.g., you’ve already uploaded it to another blog, or to a service like Photobucket.)
The new(er) kids on the block: embeds and shortcodes
Earlier today, we added support for Getty Images that allows all WordPress.com bloggers to embed photos from Getty’s huge library — one of the world’s largest digital photo archives — into your sites for non-commercial use. Oh, and it’s free.
To embed from Getty Images, just copy the embed code by hovering over an image and clicking on the embed icon “</>” :
Alternatively, just copy the image’s URL. Paste this code or URL onto a new line in your post. When you save your draft or publish the post the image will appear, complete with an attribution to the photographer with a link back to the Getty original:
You can also embed images and much, much more (videos! slideshows! menus! maps!) with shortcodes; shortcodes even give you control over how the embedded media is displayed. We’ve chatted about them before.
Images and document shortcodes include:
- [scribd] to embed a document/file from Scribd.
- [slideshare] to embed a slideshow from Slideshare.net.
- [slideshow] to embed a slideshow of uploaded photos.
- [presentation] to embed a slideshow presentation.
- [googleapps] to embed a document from Google Docs.
- [office] to embed an Excel document from Microsoft Office Live.
You can check out all the shortcode options in the support document.
We’re especially excited about Getty Image embeds — this puts thousands of stunning, professional images at your disposal. We can’t wait to see how you use them. Happy hunting!