how to tell what size an image is

And How to Determine a Graphic'south Filesize

Many websites accept image size requirements: 250x250, 100x100, no more than 1MB...but how can you tell? How practice you know the size of a graphic, and how can you resize it if it'southward too big? And what IS "paradigm size", anyway?

Above is a cropping of a drawing of my cat in Photoshop. (The "Info" palette is found under the "Window" menu: West and H are dimensions in pixels, Dr. is its file size, that is, how much figurer memory it uses to load and store the graphic.)

What'due south Meant by "Size"?

When talking about image size, people can hateful:

X by Y: the dimensions of the graphic IN PIXELS. (e.g. 250x250).

K, M, Chiliad: the amount of retentivity the prototype uses, its filesize.

Nosotros don't usually talk about inches (display size); it varies depending on monitor or printer resolution.

How to Tell the Pixel Size (Dimensions) of a Graphic - And How to Resize It

When websites tell you an image has to be a certain size and lists two dimensions, such as 250x250, they mean the size in pixels, the number of dots that brand up the pic.

So how do you lot tell the pixel size of a graphic?

1. An image saved on your computer: Many graphics programs show you the pixel size on one border of a graphic, and most graphics programs have an "Conform Size" or "Image Size" tool under the Edit card. This tool besides tells you the pixel dimensions of the graphic right now. You tin and then change the size every bit needed. Exist certain to salve a NEW file with a different name, rather than overwrite the original.

   Example: "Prototype Size" under "Edit" menu in Photoshop

   The Image Size tool gives the graphic's current dimensions. Hit cancel if yous don't want to resize. Find the dimensions are likewise given at lower left.

2. An image found on the web: Say you've found a free web graphic that'due south legal to employ, such every bit a Creative Eatables graphic. What size is it?

   Right-click the epitome and choose "Open up in a new tab." Some spider web browsers will give the pixel dimensions of a graphic if you open up information technology in its ain window or tab! (Chrome doesn't. Boo.)

   If that doesn't work, right-click the image and choose "Copy Image Location" or "Copy Epitome URL." There's an online tool that volition do the job for united states of america.

   If the graphic is in a common file format -- jpg, png, or gif -- and the url ends with .jpg, .png, or .gif, then you can use this complimentary online image editor (choose your graphic, and then click the "Upload" push) or many other online image resizers to discover the epitome's pixel size, resize it, and relieve information technology on your computer. Then you tin upload it.

   The pixel dimensions (and file size) are given at the bottom left. Click the "resize" tool and drag left or right to shrink or scale.

   Tip1: In that paradigm editor, yous tin can click the "Save" push button and the folder icon to salvage the image to your default download location on your calculator. But I adopt more control, then I right-click and choose "Salvage equally..." so I can choice the filename.

   Tip2: Exist careful about scaling pictures up. The graphics program has to guesstimate pixels that aren't there, and if yous blow up the image as well much, it'll be fuzzy.

Flickr Image Size

Tip: Click the "Deportment" card and choose "View All Sizes" to go an image's dimensions on Flickr.com.

How to Tell the File Size of a Graphic - This ways storage space

Many online websites allow you to upload images, but only accept so much memory -- storage space -- then they fix limits on file sizes. This has nothing to do with how the graphic looks, but how much room it uses on their server to store it.

How do you tell the file size of a graphic, and how can you suit it?

Terms to know:

byte = basic unit of measurement of figurer memory.

K = thousand bytes (a kilobyte)

M, MB = k K (a megabyte)

G, GB = thou MB (a gigabyte)

1. When viewing a file in your computer'southward directory, right-click and cull "Properties" on Windows, or Control-I or "Go Info" on Mac, to see the file'southward size.
2. In the online prototype editor I showed you higher up, information technology lists the image filesize at the bottom of the screen next to its pixel dimensions. One time you resize an paradigm, click "Apply" and information technology should recalculate the size.
3. In Photoshop, click the correct-arrow at the bottom of the image pane to toggle between prototype dimensions and filesize:

Roll to Continue

Ways to Reduce an Image'southward Filesize - Besides called "Optimizing" or "Compressing" a Graphic

Dominion of thumb: Images with FEWER pixels, FEWER colors, or More than image pinch take up less memory, only may also look fuzzy, like an erstwhile YouTube video, because they're doing cheats to store every bit little data as possible to make the image.

On the plus side, smaller filesizes brand webpages load faster, and speedy webpages get rated better past Google and tend to hold reader attention better! Generally, the amount of quality and pixels you demand for webpages is far less than you need for digital printing, so you lot can become abroad with a lot of file compression for webpages.

There are many different ways to shrink an image's filesize, all of which have tradeoffs.

Alert: If y'all salve a compressed, optimized or shrunk version of a photograph, rename it; don't overwrite the original unless you're absolutely sure you'll never want information technology! Digital cameras snap very large-file size, high-quality jpgs that accept lots of retentivity. That's detail you lot don't want to lose, for 2 reasons! First, digital printing services and print-on-demand websites employ the full-quality, full-sized images and will look terrible with the smaller-filesize, fewer-pixels versions of the images diddled upwardly to supersize. Second, in 5 years, what seems similar a lot of memory at present volition exist nothing for the computers of tomorrow.

Here's some ways to relieve memory and reduce filesize.

1. Images with fewer pixels take up less memory, then if you tin can compress the pixel dimensions or crop an prototype, information technology will also use less retentivity to store it. (A Squidoo column width is a maximum of 590 pixels wide, so you never need more than that here.)
2. PNG format preserves all the colors and pixels, but it also is more than of a memory squealer than jpg or gif. Try saving a png every bit a jpg or gif: that will often practice it!
3. Many graphics programs let you fine-tune the compression of a jpg more or less, letting you balance the trade-off between image quality and filesize. Very High and Maximum quality jpgs are Non very compressed, so they have larger filesizes and take more room. High and Low quality jpgs are more compressed, so their filesizes are smaller, but you may begin to run across quality bug with large-pixel-dimension jpgs or bigscreen monitors.
4. PNG-8 and gif formats solve the filesize issue differently: they limit the epitome to 256 colors. For screencaps of computer dialog boxes and elementary diagrams and charts with only a few colors, this can sometimes be the best fashion to become a small-scale filesize.
5. Programs like Photoshop let y'all fine-tune how much an prototype is optimized or compressed. Choose "Save for Web" under the file menu, and you'll be presented with options to attempt out gif, png-8 (fewer colors), regular png or jpg at unlike compression levels (higher quality = less file size compression, lower jpg quality = more than memory savings). Some graphics programs take an "optimize" or "optimization" tool instead.

This article is accurate and true to the best of the writer'due south knowledge. Content is for informational or entertainment purposes merely and does not substitute for personal counsel or professional person advice in business, fiscal, legal, or technical matters.

© 2012 Ellen Brundige

Guestbook - I hope this helped!

Tuhin Tusar on September 04, 2015:

All the tips are shown step wise. Similar the share. Very Well. Go ahead.

Diana Grant from Uk on September 29, 2014:

Just the information I needed. I can compress photos on Photoshop, but I recollect the online paradigm resize programme yous recommend is going to take a fraction of the time

msatapathy on May 08, 2013:

Online paradigm resize is the most comprehensive gratis image resizer tool online. Not only yous tin resize images and resize photos, crop images, crop photos simply likewise make a basic paradigm processing such every bit converting your paradigm to "gray scale" (making it black and white), rotating or mirroring epitome, decision-making prototype quality and finally paste a text over image (creating a copyright watermarks or only pasting a date or any other text).

JeffGilbert on Jan 30, 2013:

Neat info, very useful. Cheers!! :)

bearding on September 20, 2012:

Very helpfrul, thanks for sharing

Sharon Bellissimo from Toronto, Canada on May 13, 2012:

This helped a lot, great lens with good info. I used the online prototype editor it was easy and worked well. Thank you!

bearding on May 10, 2012:

Corking lens.

sullivanberful1981.blogspot.com

Source: https://turbofuture.com/graphic-design-video/how-to-tell-an-images-size

Share this post