Posts Tagged ‘optimize’

How to Take Better Pictures with Your Point-and-Shoot Camera

 

There are several things you can and should do to get the most out of the images from your point-and-shoot camera. If you use it correctly, people won’t know with what camera the shot was taken.Check out the photograph above and guess which camera it was taken with. I’ll reveal the answer at the end of the post.
Read the rest of this entry »

Make Photoshop Faster by Turning Off Image Previews

 

Here’s a quick tip for making Photoshop faster: change Preferences->File Handling->Image Previews to Never Save. This keeps image preview data from being stored in the file every time you save, and gives you smaller files for uploading to the web!

Make Photoshop Faster (via Photojojo)

Helpful Guide on Configuring Photoshop for Optimial Performance

 

Photoshop is a pretty resource intensive program that can slow down to a crawl when you’re working with large and/or many files. Aside from beefing up your hardware specs to provide the program with more memory or disk space, there’s also a number of Photoshop and operating system preferences you can adjust to make sure the program runs as smoothly and quickly as possible. The Photoshop performance team recently published a helpful guide with 19 adjustments you can make, which range from optimizing cache level to turning off thumbnail display.

Adobe Photoshop CS5 performance (via John Nack)


Image credit: Photoshop CS3 – Proof Setup by Brajeshwar

Automatically Sync Photos Over Wi-Fi from PC to iPhone

 

PhotoSync for Lazy is an app for iOS devices that automatically syncs photographs with a PC folder over wi-fi. Once the program is installed on the a Windows PC, a special folder is monitored, and when the app is opened on the iPhone (or other iOS device) it will automatically update to reflect the contents of that folder. This can be a good way to keep your phone for sharing photos on the go, or for having your latest portfolio pictures with you at all times. It’s not currently available for the iPad, but will be soon. You can have 50 photographs synced with the free version of the app, or buy the paid version for $3 for unlimited photos.

An alternative way you can sync photos is with Dropbox. It works over the Internet rather than wi-fi, but the good news is that it’s completely free (up to 2GB) and works on Macs and iPads. It also works in both directions — you can have your iPhone photos synced to your computer.

PhotoSync for Lazy (via Lifehacker)

Why You Should Never Let Browsers Resize Your Photos

 

Everyone wants sharp images when they post their photographs online. After all, who wants to look at a blurry photograph? (Unless it’s intentional, of course). What many people don’t realize, however, is that displaying your images incorrectly in HTML can have a big negative impact on image quality.

Here is the main rule of thumb you should always remember: never, ever do image resizing using HTML.

For example, lets say I have the following 620px photograph:

threecolors620

The image is pretty sharp right? Now, lets say I want to display the same image as a 500px wide photo. The wrong way to do this would be to change the width=”620″ attribute in HTML to width=”500″. Here’s what would result if I did the resizing this way through HTML:

threecolors620

That’s the exact same image file. I simply copy-and-pasted the HTML, and changed the width from 620 to 500. This means the browser actually loaded the same 620px image, and then reprocessed it to display a 500px image to the viewer. Notice how the photograph instantly loses much of the sharpness it had when displayed in its actual dimensions.

To further illustrate my point, here is the same photo displayed at 500px. However, instead of telling HTML to shrink the large version, I used Photoshop to resize it down to 500px.

threecolors2

You can hover your mouse over this last image to compare it to the browser-resized version. If you’re using a browser that renders it correctly, try hovering over this link to see how other less-capable browsers render the same image (you might have to wait a couple seconds for the image to load). That’s a pretty big difference, huh?

The lesson to be learned is that you should always display your images in their exact dimensions. Even a single pixel difference can cause the photograph to become noticeably more blurry in most browsers.

Finally, another reason why you shouldn’t leave resizing to your browser is that the original, full-sized image is loaded anyway, regardless of what size you’re displaying the image at. This means that if you have a large, 1 megabyte, 1024×682 photograph that you’re displaying at 500px in width, the whole 1 megabyte image is downloaded by the visitor before the browser resizes it down to 500px.

Some of you might have thought that using larger, higher-resolution photographs and having them resized in HTML produces higher quality images, since there’s more information or detail in the file. It doesn’t. For best image quality and fastest loading time for your visitors, always resize your images to the desired size prior to uploading!

Update: I’ve added a second link under the mouse-hover comparison for those who are using more capable browsers. If you don’t see any difference in hovering over the image, try hovering over the new link to see how other browsers render the image.

Update 2: Just for your info: This doesn’t apply to uploading full-sized images to photo sharing services like Flickr or SmugMug. These services take your large resolution photograph, and reprocess it into multiple images of various sizes. Thus, when you’re viewing the 500px image on Flickr, it’s actually a 500px image that Flickr resized and sharpened using your original large image.