Welcome to the City of Albuquerque

Image Size

Show Navigation
Latest From Twitter
 

Information about correct sizing of images

Sizing your Image

When you add an image to your page, the file you upload should be the size you want it to display on the web. While Plone offers some resizing options, it is better to avoid using them. Here are two good reasons:

  1. Large images take a long time to load. This will frustrate visitors with slower connections. You don't want to frustrate your visitor!
  2. Large images take up a lot of space on the City's servers and we have limited space.

Guidelines:

  1. If your page has no right-hand side bars, you have a total of 690 pixels wide to work with.
  2. If your page does have a right-hand side bar, you only have 394 pixels wide available.
  3. Most images on the City website are under 300 x 300 pixels.
  4. If you are stacking images, be sure that they have the same width.

How to Resize:

  1. You can install a photo editing software on your computer. Photoshop is a software you can purchase. GIMP is very similar, but you can download it for free. Just-resize-it allows for quick, gross adjustments, but you won't be able to determine the exact pixel size.
  2. You can edit your images using an online photo editor. Pixlr is also similar to Photoshop, allowing for many other types of adjustments. Shrinkpictures.com and picresize.com are very simple, easy-to-use software. Or do an internet search and find one that works for you.
  3. Be sure to save your file with a web-friendly name. Don't include any spaces, periods or special characters in the name. Ex. fishing-at-tingley-beach.jpg

Note that the majority of the time, images on the web should be kept small. You'll notice, if you look around the City website, that most images are under 300x300 pixels, generally with one dimension (generally width) not exceeding 200 pixels. Most pages also try to keep a constant width for images that are stacked.

Document Actions