Images

  •  (1) |
  • 1 (11) |
  • 2 (403) |
  • 4 (1) |
  • 5 (2) |
  • 9 (15) |
  • A (1523) |
  • B (1086) |
  • C (1821) |
  • D (972) |
  • E (1205) |
  • F (766) |
  • G (698) |
  • H (976) |
  • I (998) |
  • J (463) |
  • K (107) |
  • L (611) |
  • M (1138) |
  • N (590) |
  • O (243) |
  • P (1947) |
  • Q (51) |
  • R (1212) |
  • S (1136) |
  • T (740) |
  • U (239) |
  • V (365) |
  • W (565) |
  • x (3) |
  • Y (39) |
  • Z (14) |

HOW-TO : Insert Images

General Image Use Policy

If you want to become an Art, Editorial Cartoon or Photography contributors, please send us a link to your portfolio at editors@culturekitchen.com.

We have a small gallery of images in our Galleries. If you would like to contribute re-usable images to the galleries, please ask for gallery contributor privileges.

Use of third party images

At culturekitchen we take our right to fair use of copyrighted materials very seriously. We believe we should be able to use third party photographs in situations where the image is needed as a point of reference as is in the case of the People Magazine cover of Brangelina.

Unfortunately, the lawyers at People Magazine did not agree with us; prompting our hosting company to harrass us.

We will defend our rights to fair use, but we also ask you to refrain yourself from using third party photographs without their consent --that is, unless they are in the public domain or unless there is a really good fair use reason like the Brangelina story.

Which means, if in doubt, just ask us.

Here are some public domain resources for photographs and other media :

Image Hosting

culturekitchen does not host images or photos for members.

If you want to embed an original image or photo, you must load your photo onto your own image server. You can also use photo hosting services like Flickr or Buzznet.

If you open an account with any these services, you need to make sure you allow for culturekitchen posts to hotlink to your account. You should find information on this at your photo hosting service's account settings.

Allowed Image Formats

We only allow embedding of compressed file formats : JPG, GIF, PNG.

No PSDs, BMPs or TIFFs! These image formats are uncompressed files that suck massive amounts of bandwidth.

Embedding an original image or photo

You need the <img src="http://"> syntax to embed an image. So to embed the Cross Fingers image,

I had to write the following piece of code,

<img src="http://culturekitchen.com/files/images/crossed_fingers_0.thumbnail.jpg">

Sizing Images

All images or photographs posted should not be more than 450 pixels wide. As you can see the following photograph is too wide:

You don't need Photoshop or GIMP to scale this image. All you need to do is to use HTML to force to scale to 450 pixels wide. Here's how you do it:


<img src="http://culturekitchen.com/files/images/dog%20surfing.jpg" width="450">

So now the image looks like so :

You can do the same with the LENGTH of the image.

NOTE:
Images can be forced to upscale or downscale by defining their width, length or both. We strong advice against upscaling. Small images that are forced to size up with HTML usually lose focus, render pixilated and basically look awful.

Positioning of Images (regular flow)

You can position images without or without float on the center, left or right of the textarea.

Center Positioning
Use <center><img src="http://culturekitchen.com/files/images/crossed_fingers_0.thumbnail.jpg"> </center> to center your image on top of your text.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Left positioning
If you want an image to be on the left-side of the screen, then do nothing but embed the image link : <img src="http://culturekitchen.com/files/images/crossed_fingers_0.thumbnail.jpg">


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Right positioning
If you want it to move to the right while staying on top of the text, then you will have to force it with CSS : <div align="right"><img src="http://culturekitchen.com/files/images/crossed_fingers_0.thumbnail.jpg"></div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Positioning of Images (floated)

If you would like your photos to be floated, with text flowing by their side, then you need to use HTML to point to the floated side. For our images, you also should define a vspace and hspace of 10.

For left float :
<img src="http://culturekitchen.com/files/images/crossed_fingers_0.thumbnail.jpg" align="left" vspace="10" hspace="10">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

For right float :
<img src="http://culturekitchen.com/files/images/crossed_fingers_0.thumbnail.jpg" align="right" vspace="10" hspace="10">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.


liza's picture

| | | |

We like

Visit our sponsors

Fill up our coffee fund

BlogAds

Visit our sponsors

Who's online

There are currently 1 user and 1317 guests online.

Online users

Get our Digestifs du jour

Nibble daily on our brainy goodness with our daily syndication digest. You'll receive an email with a list and links to the previous day's posts.



Powered by FeedBlitz

culturekitchens

The Publisher
Liza Sabater

Daily servings of political dissent
culturekitchen

Grassroots News and
Activism for New Yorkers

Daily Gotham

Feminist Bloggers
Network

BlogSheroes

A new kind of vouyerism
Voogling

Art + Code + Philosophy
Potatoland.blog

Got any dirt, tips, leads or money for us? Then drop us a line or two at editors [at] culturekitchen [dot] com or use our general contact form to reach everybody in the editorial team ASAP.


Member's articles and stories

More stories

Words to live by

Q Mr. President, there has been a bit of an international outcry over reports of secret U.S. prisons in Europe for terrorism suspects. Will you let the Red Cross have access to them? And do you agree with Vice President Cheney that the CIA should be exempt from legislation to ban torture?

PRESIDENT BUSH: Our country is at war, and our government has the obligation to protect the American people. The executive branch has the obligation to protect the American people; the legislative branch has the obligation to protect the American people. And we are aggressively doing that. We are finding terrorists and bringing them to justice. We are gathering information about where the terrorists may be hiding. We are trying to disrupt their plots and plans. Anything we do to that effort, to that end, in this effort, any activity we conduct, is within the law. We do not torture.


— George W. Bush


Subscribe Buttons

Feed IconGoogleDeliciousYahoo!BloglinesNewsgatorMSNFeedsterAOLFurlRojoNewsburstPluckFeedFeedsAdd KinjaMultiRSSrMailRSSFwdBlogarithmSimplify