Using Images

The new Daily Kos Images function will make it easy to upload your images quickly and format them without knowing any code. All users can upload and use shared images - the comments about restrictions for subscribers are obsolete. You can view a tutorial here:

The Image library is discussed here in part 2:

A wonderful written tutorial is here:
Want to use our super cool new image uploader and library? Of course you do! Find out how

This diary does an excellent job explaining the importance of adding a description to images, to make them accessible to users using screen readers:

http://www.dailykos.com/story/2012/07/22/1112520/-Cranky-Users-Kosa...

But there's more about the description, something that makes it even more vital that you take the time to supply one and make it actually descriptive, and here's where the Kosability angle comes in. When you embed the image in a diary, one element in the HTML code that is generated for it is the alt attribute in the <img> tag. The value given to alt= in a library image is the description you gave it in the library. And the alt attribute has a special use. Web browsers called screen readers, available to sight-impaired users, read the text of a web page aloud. When they come to an image that has no alt attribute, what they say aloud is "image". As this article describes it,

When a screen reader comes across a graphic, it says "image". If a page uses many images for its content, all the blind user would hear would be "image, image, image, image…"

If you use descriptions, instead your blind user will hear "Person starting to write a diary" or "Michelle Bachman looking unusually crazy" or "Ceiling Cat? R U Up There?" or whatever you would want to substitute for your image.

###Using Outside Image Hosts###

Daily Kos only allows certain approved image hosts for inline images in diaries and comments. There are three reasons:
1. Daily Kos can result in a substantial amount of traffic for an image. Many sites are not equipped to handle this amount of traffic, and in any case, they do not wish to pay for the bandwidth.
2. It is possible to embed malicious code in image calls. Our allowed image services all have safeguards against this.
3. It is important to respect copyright when using images.

The approved hosts are:
http://www.photobucket.com
http://www.imageshack.us
http://flickr.com
http://smugmug.com
http://webshots.com
http://picturetrail.com
http://mac.com
http://allyoucanupload.com

You may request others for approval using the Contact Us link; approval will only be given if the provider is willing to support this traffic and does not allow the images to be used as "web bugs" (this is a security measure). No, your own ISP or your organizations' will not be considered, this recommendation ability is intended to allow a list of sites that specialize in hosting images for these purposes. Please don't bother the admins with requests to allow your own servers to be included on the allowed image hosts list.

Other topics:

Daily Kos Image Coop with images at http://dkphotocoop.smugmug.com/ is a great place to go for stock-type photos. Your contributions are also appreciated. These images are not in the public domain, but they are free for use on Daily Kos.

Formatting an image with a caption

This is a sample set of code that may be useful in formatting an image with a caption:

<div class="dkimg-r"><img src="http://YOUR.LINKADDRESS.COM/PATH/FILENAME.JPG" alt="YOUR ALT TEXT HERE" height="XXX" width="YYY" title="YOUR MOUSEOVER TEXT HERE" /><div class="dkimg-cap">YOUR CAPTION HERE</div></div>

This example puts the image to the right and wraps text around it. Substitute class dkimg-l for left or dkimg-c for center.

I'm looking for a concise, pleasant article, but for now I'll link to this:
Copyright and Fair Use Overview

Places to get allowable images:

Here is a tutorial that also may be helpful:
Using Art and Photos: How copyright law applies

Resizing images to be considerate of others

Most sites like photobucket and the like will accept your images at a fairly high resolution in order to give you the most flexibility. However, when you link to them without performing any other action, each image file may be 1 MB or larger. Ten of those in a great essay means that your readers may need to step out for coffee before they load. If you can, take the time to shrink them to an appropriate size and then compress them at less than best quality. A good file size for images is in the 60k range; if they're more than 100k, there's probably more that can be done. If you shrink them before uploading, you'll save yourself upload time too.

See also:
Daily Kos FAQ

Image tutorial by Horace Boothroyd III

Image tutorial for Flickr Images by Julie Waters

Image tutorial for the Daily Kos Photo Cooperative