Wordpress images

What recomendable size should i choose when uploading an image to a worpress site, so that when i open the image on a mobile application it does not have to consume too much bandwidth but still maintain some quality.

Best Regards.
BrunoSurpriseAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jason C. LevineDon't talk to me.Commented:
There really isn't a good answer to this because the size of the image depends on many different things:

1) Color depth
2) DPI
3) Desired quality
4) Will the image be zoomed?

etc.

As a rule of thumb, you want the file size as small as possible while still providing good quality.  Shoot for a few hundred KB for color photos.
0
Alicia St RoseOwner & Principle Developer/DesignerCommented:
And once you save the image to it's smallest file size, check out the plugin called Smush.it.
It will compress the image even more (if it's possible) and retain the quality.
0
dcowleyCommented:
Bruno,

were you asking what size (meaning dimensions: height and width) or size (meaning: file size)?

If you're talking file size then the answers above are probably adequate, if you mean dimensions, then it really depends on which mobile devises you're targeting.  Most phones don't have great resolution, so if the image is going to be displayed full screen on them (iPhone 4: 640x920).  But then you've got devices coming out all the time like the new iPad which is 2048x1536...

Of course the classic solution to both problems is using thumbnails of higher resolution images and allowing a user to view the higher resolution version by clicking (or other interaction).  This addresses both the issue of having enough resolution and conserving bandwidth for those not interested in seeing the higher resolution version.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Alicia St RoseOwner & Principle Developer/DesignerCommented:
dcowley's suggestion is sound, but make sure that you don't take a high rez image and shrink it down to a thumbnail. The file info is still there lurking in the thumbnail. You have to make scaled down thumbnails.

A lot of folks end up stuffing 300px< x 300px< pngs into a postage stamp. It's still a problem..
0
Jason C. LevineDon't talk to me.Commented:
Why can't we all just go back to using Lynx?  No fuss, no images.

:)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.