« Bye-bye Office clip art — hello fine print | Main | New gadgets & reading portable books: high tech to low tech »

Embed those images!

I confess. I don't like to think sometimes. And one of the things I loved about Microsoft's clip art was that I didn't have to think about whether I could use it in my TechBits posts (I could!).

Now that MS clip art is gone (gasp!), I'm a little panicked. What fantastic picture can I find to go with this post? How many times will you tolerate pictures of my cats? After hunting around a little, I think I've got 3 good possibilities for worry-free blog pictures.

Embed a Getty image
Jean wrote about embedding Getty images back in May, but it's so simple to do that I think it's worth another shout-out.

Publish to a blog or website

    1. Start at http://www.gettyimages.com/embed
    2. Enter a search term in the search box above.
    3. Place pointer over an image and click the </> icon.
    4. Copy and paste the code into your website or blog.

It's free to embed, as long as it's for non-commercial purposes! See the FAQ for more details. The limitations are that you are only allowed to use the image with the code that Getty provides (that's part of the FAQ!), so there's no resizing to custom sizes or wrapping text around the image.

Flickr attributions
In addition to not liking to think, I'm also terrible with HTML. I love the idea of using Flickr photos with Creative Commons licenses, but I haven't the foggiest idea how to easily, quickly, and appropriately attribute them to their creators.

Enter Flickr cc attribution helper, a handy little bookmarklet that helps properly attribute Flickr photos. Just do a Flickr advanced search for images with a Creative Commons license, pick an image, and click on the bookmarklet. It generates the code and helps navigate the Creative Commons seas! (see how I worked in the picture I found?) The downside? The only option for sizing happens when the bookmarklet is first created, and it doesn't help with alignment or making the text flow around the image. 

creative commons licensed ( BY-SA ) flickr photo shared by opensourceway

Imagecodr can also be used to properly attribute Flickr images. Use the Imagecodr search page to easily search Flickr for appropriate images. Then paste the URL for the image you select into their "Get Code" page to generate the appropriate HTML. Select your size, and copy the code. In addition to generating the code, it also checks the Flickr license to make sure it's okay to use the picture.

The result? Something very similar to the Flickr cc attribution bookmarklet. Again, no help with alignment or text wrap.

On the road again....... by cvanstane, on Flickr
Creative Commons Creative Commons Attribution 2.0 Generic License   by  cvanstane 
What are your favorite sources for images now that MS clip art is gone?


Feed You can follow this conversation by subscribing to the comment feed for this post.

Post a comment