How to save large + high quality JPEG / PNG for website?

I use Photoshop CS3 to resize and reduce JPEG / PNG images via the "save for web". What is the standard image size in terms of KB for website?
Now, let's say the original image taken from a Nikon D3200 Camera has a standard size of 6016 px X 4000 px and the image quality is PERFECT at 6.5 MB file size.
How can I use Photoshop CS3 to save and maintain the standard size 6016 px X 4000 px, the same image quality but the file size is reduced to maybe 100kb?
Many thanks & regards
FSM

Dear Silkrooster,
I totally agree with you but may I ask what is 3MP? Is it Megapixels or Megabytes? If Megabytes, don't you think 3MB will slow down the loading time of the website?
I want crispy clear images like many websites do. But I am really not sure how other websites do it. Lets refer to Apple website. It has many good quality images and the loading speed is very fast because each images weight around 40KB.
Ok. For my website, I am forced to reduce the size to 600 px X 300 px or 500 px X 350 px. To get around 40KB each i have to use the lowest quality for JPEG which is 10. The end result is TERRIBLE.
My website is also slower to load compare to others. So the question is, what is the optimum setting for resizing for photoshop to be use for web purposes?
My main website: 风水
Initially I inserted a background image with the size 1920 px X 4000 px (because scrolling). Loading time is bad. Then I cut half and inserted only for top background image with the size 1920 x 700 px but this image is still the last to load. How can I make it even smaller in size but maintain good and sharp quality?
Another page: 八字因果
At the first image, once I resized it and set a lower quality, the text "fengshuimaster8u.com" turns blurry.
The issue, is Photoshop capable of resizing images to good quality with a smaller size or do I need to use another program?
Sorry for the long post.
Thanks a lot

Similar Messages

How do I create high quality stills from iMovie?

I know how to use the Create Still feature in order to create a photo in iMovie, however the resulting jpeg appeared too grainy when imported into Photoshop. It seems that the jpeg that iMove creates is too small (in terms of kb) to be of any use. Is there a way for iMovie to create larger, higher quality still photos? Or is there another way to go about this? Thanks

rolesh79 wrote:
.... It seems that the jpeg that iMove creates is too small (in terms of kb) to be of any use. Is there a way for iMovie to create larger, higher quality still photos?
No.
video is highly compressed, much higher than any still or graphics.
e.g. a 'FullHD'-cam fits 108.000 'stills' (=1h video) of 1920x1080 pixel into 4-8GB ... make the math your own

How many hours of high quality music fits on a 16 gigabyte iPod

How many hours of high quality music fits on a 16 gigabyte iPod?

A "16Gb" iPod nano has enough room to store about 14.5Gb of music, assuming this to be the only media stored there. If by "high quality" you mean lossless, using Apple Lossless/ALAC format, that equates to around 30 hours of music (there will be some variations depending on the nature of the music and the degree to which ALAC compresses the audio data). AIFF files are larger, though of the same quality as ALAC - maximum in this case is approx. 20 hours.
For "iTunes Plus" quality (256kbps lossy compression) files will be between one-third and one-quarter the size of the same music in ALAC, so the total time goes up to around 90-120 hours. My 16Gb 7th gen nano is currently full to capacity using a mix of 256kbps AAC and 320kbps MP3 files - iTunes reports the total time as 4.9 days (117 hours).

How do i place an image, jpeg png or otherwise in my Signature in Mail?

How do I place an image, jpeg, png, or otherwise in my Signatures inside of the Mail Application?

Go to mail>prefeferences>signatures, select new with plus key signature left column,highlight that signature. Drag image into right cloumn

Best settings to convert RAW into high quality JPEG

I am a little bit lost when reading discussions regarding the best way to have photos accepted by Istockphoto. They are extremely demanding about the quality of the pictures and they accept zero artifacts for example.
I read that any corrections made of a RAW picture in Lightroom 4 must be very minimal (almost no correction for saturation, vibrace, exposure, and sharpening, noise etc.).
In this case it would mean that Lightroom is of no use and whay not use directly Photoshop CS6 to convert the RAW photo into a high quality JPEG.
If this is true, can someone tell me what are the best settings in CS6 to convert a RAW photo into a JPEG format ?

A raw picture is just that. You have to edit it in Adobe Camera Raw to get the picuture to shine. So their statement that edits must be minimal is confusing. Do they just want a jpeg as shot? You can set most cameras to take raw + jpeg.
Also, high quality means a certain minimium of height and width in pixels. What do they want?

How to save all open document in png 24 by javacsript

how to save all open document in png 24 by javacsript

yeah, i can definitely see how it would be useful for some
people! and
hey, for all i know, i'm the one who's not an average user. i
was
pretty much just saying that i can see how that's something
Firefox
would think to do, but not necessarily a program like
Dreamweaver. but i
agree that it would be a useful feature in lots of programs.
and i think
that what Murray suggested is probably pretty close to what
you're
looking for, if not exactly.
d_macman wrote:
> To respond to both...
>
> courtney (n h c)... I must not be the average user then.
We have many sites,
> and I do a LOT of development, and many times, I may
have several pages with
> several includes on a page. IE, for a form page, I may
have 10-12 pages total
> (including headers, footers, java, PHP process pages,
etc) and to work out the
> processes and for development, I may create several
versions depending on the
> problems I run into.So to not go nuts, I would LOVE to
save the batch of pages
> out, and then be able to re-open them all at once.
Making it easy to jump in an
> out of a test section (I have them saved in a site, and
dont want to make
> second sites just for this purpose).
>
> Not to mention, leaving work and coming back in and
finding out the power went
> out over the weekend and my machine shutdown (and yes, I
have a UPS, but it
> wont run the system for that long).
>
> So, you see why I would like to save them as batch, like
Firefox, way easier.
>
> Murray *ACE* ...
>
> I will try that, I did not even know that was there. Way
cool ! I hope it
> works, especially for power outages, like I mentioned
above!
>
> Thanks all,
>
> Don
>
>

How to burn a high-quality audio cd in iTunes 9.0.2?

how to burn a high-quality audio cd in iTunes 9.0.2?

snowmens wrote:
how to burn a high-quality audio cd in iTunes 9.0.2?
It is not possible to burn a high-quality audio CD in any version of iTunes.
iTunes burning is designed for quick, convenient burns directly from a playlist.
iTunes does not do the proper volume normalization or silence suppression that is required for a high-quality finished product.
If you are striving for quality, you can consider dedicated burning programs such as Toast, Nero, or Roxio.

What is the best video converter for high quality MPEG-4 for Apple TV?

What is the best video converter for high quality MPEG-4 for Apple TV?

Handbrake won't convert AVI files, But there are many more than those mentioned that will
The choice of conversion software is a personal choice, I have around a dozen applications that will tackle AVI's, however VisualHub is not one of them, not because there is anything wrong with it but rather I have enough such applications in my arsenal already.
I would use mpegstreamclip in most scenarios for what you are wanting to do but maybe not always. It is a good idea to have a few applications to choose from as not all do the same thing. mpegstreamclip has a few more options than some bog standard applications without becoming overburdening with choices.
You might want to try a few applications yourself before deciding on the software for you. isquint is a free limited version of visualhub, you might want to give that a whirl to get a feeling for visualhub.
Be aware though that quality conversions do not happen quickly, claims of being faster than other applications may well be correct, but are usually a trade off against quality. Again you need to choose your software to reflect your preferred balance between speed and quality.
Here's how I use mpegstreamclip, http://web.me.com/gartside1104/z008/Mpegstreamclip.html but your AVI's may well be low quality, you shouldn't set the bitrate any higher than your source file and likely lower, you shouldn't increase the frame size either.
Message was edited by: Winston Churchill

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Neil from bristol wrote:
… How do you make an image … move across the screen …
by setting KEYFRAMES
(read, what FC/e's built-in Help-feature tells about it)
resize and set pic to start position
set keyframe
move playhead in timeline to desired length
set pic to end position
set keyframe …

Workflow/Format for Hi-Def Stopmotion Video Using High Quality JPEGS

Any input is greatly appreciated. Heres what I'm trying to do:
I have about 2200 JPEG's that I took for a claymation video.
Specs
-resolution/dimensions - 2816x1880 pixels
-72ppi
-sRGB color space
-BitDepth: 8
I need to put them together in FCP. *+What format should I use to get the highest quality possible?+*
-I am pretty sure 1080p. But do I use prores? HDV? Is there a way to export a QT .mov at 2816x1880?
- Does it make a difference if use 30fps, 29.97fps, 24fps, etc.? Drop-Frame, non-Drop frame?
- How would I edit them "offline" because I tried editing them with my sequence set at HDV 1080p and render times were ridiculous.
- Is there a way to edit without compressing? Does FCP only compress at export?
I am having trouble understanding formats in FCP there are so many places to set format. I just want to have FCP see my jpegs and edit them as jpegs, but I have to worry about what the project is set at, what the sequence is set at, what to export it as, etc.
I know these are lots of questions but if you have any input or can direct me to anywhere on how to get the highest quality/no compression/etc. I would greatly appreciate it.

Definitely do not use HDV. The render times will be ridiculous and you'll lose quality. Editing at 2816x1880 is not really an option, so you have to think about what your final format is. Your current images are 4:3 square pixel images. Do you want to keep it 4:3? If so, then working in HD might not be necessary. You could save yourself a lot of time by batch processing copies of your images (in Photoshop or similar) and resampling them to a much smaller size. A large part of the rendering work FCP has to do is shrinking your images down to the sequence size. If you do want to work in HD, keep in mind you'll have to do it in 16:9 widescreen, so the composition of your photos will change. No matter what format you end up working in, ProRes or ProRes (HQ) is generally the best bet for your "compressor" in the sequence settings. For frame rate, I'd go for 23.98. The big question though, is how you plan to exhibit your work. Is it on the web, on DVD, on TV, in theaters?

Export/Save as High-Res Jpeg

Is there a way to export a document @ a different resolution than 72DPI? I know I can set the horizontal/vertical scale to save it at a larger dimension at 72DPI, but I need the file to be actual size and 300DPI.
This is part of a larger process, and I'd prefer to do the entire process from Illustrator, and not have to open the files in Photoshop to change the size/resolution.
Also, is it possible to change the color mode to CMYK or Greyscale for the exported Jpeg?

Thanks again, I checked the Javascript reference for CS6, and don't see any 'app.system' method listed, and I get 'app.system is not a function' when I try test it. That sounds like it would do what I wanted if available. I could probably add a call to run it from Bridge into my script, but one of my goals is to not run any additional applications if possible.
The main application is written in XOJO (formerly RealStudio), and is a very large program which handles a lot of aspects of project management for my position. This particular function was originally written as a separate Javascript to save out barcodes from a supplier's illustrator file. It has expanded and been incorporated into the application so it now stores the saved barcodes (EPS) into a database, as well as does some other processing after the files are saved. I am currently trying to add a high-res jpeg into the database as well, and would prefer to do so when the original EPS files are saved. Another part of the application can create the jpegs from Photoshop, but I'd prefer to do everything from within Illustrator.
I've got it mostly working for now, just have to deal with an issue with the file paths returned from the jpegs not being recognized properly.

How to save multiple images from jpeg to psd?

I'm pretty new at this and have tons of vacation photos. Things I've read have left me terrified of leaving my images in jpeg, but I don't know how to save them all to .psd (and is that really the format I want to use?). I tried, and suddenly I'm out of space on my harddrive, so I think I've made copies of copies and have way more saved than I need. Any advice is appreciated - thanks.

<[email protected]> wrote > ...Things I've read have left me terrified of leaving my images in jpeg... Andrea, If the JPEG files are straight out of your camera, there is no harm in "leaving" them as-is... they don't degrade from just sitting there. The possible degradation of JPEG files comes from saving as a JPEG - typically after you have done an edit to the image. One good way to approach the issue: when you open an image for editing, before you do anything, click the menu File > Save As... and then choose the PSD file type. This will make a copy for you to work with, which will NOT degrade as you save, re-edit, re-save, etc. After you're finished working it over, if you need a JPEG copy, use the File > Save As... and select JPEG to make an edited copy in the smaller file format. (File > Save For Web is also useful for this - it allows you to set your quality and size parameters on-the-fly as you save) HTH, Byron

How to keep a High Quality Movie Resolution using IDVD ?

Hi,
When I connect my camcorder to the TV directly, I can see very sharp resolution video (in normal TV screen format).
If I download the same recording to Apple in widescreen format, add music to it using iMovie and then burn it using iDVD, I get very poor resolution when I watch this movie on the same TV.
Would you know how can I do to keep my sharp resolution after burning my movie using IDVD?
Kind Regards.

Hi
This is due to iMovie and really iMovie'08 or 09
They are aimed for quick editing to web-publishing - not high quality DVD.
iMovie 1 to HD 6 and FinalCut Express or Pro are the tool of choise for DVD or
even Blue-Ray (needs Roxio Toast™ and ev. a Blue-Ray burner/disks)
iMovie'08 and 09 discard every second line = less quality very close to VHS.
I never managed to get full quality from them to feed iDVD.
• Pro Quality encoding in iDVD is very sufficient to my needs and
burning out with Roxio Toast™ as Blue-Ray to standard DVD (max 20-30 minutes)
gives an even better result BUT ONLY PLAYBACK on Blue-Ray player or PlayStation 3.
Yours Bengt W

How to Create a High Quality Band/Multitrack Recording Play-Through Video?

I am trying to work out the best way to make a playthrough video a little like these - http://www.youtube.com/watch?v=1QUUajNPb5g - http://www.youtube.com/watch?v=DAGqCAsk3gQ&feature=related .
It would be for doing a multitrack-recording playthrough video of my drummer, played to the backing track of one of our songs I recorded in cubase 6
I have Adobe Premiere CS6, Cubase 6, the aproprate mics, a soundcard etc, but I don't have a video camera, but I'd probably just get a £300-£500 one unless you guys think that's not right?
So I'm wondering how you might go about this?
Cheers!!!

Hi
This is due to iMovie and really iMovie'08 or 09
They are aimed for quick editing to web-publishing - not high quality DVD.
iMovie 1 to HD 6 and FinalCut Express or Pro are the tool of choise for DVD or
even Blue-Ray (needs Roxio Toast™ and ev. a Blue-Ray burner/disks)
iMovie'08 and 09 discard every second line = less quality very close to VHS.
I never managed to get full quality from them to feed iDVD.
• Pro Quality encoding in iDVD is very sufficient to my needs and
burning out with Roxio Toast™ as Blue-Ray to standard DVD (max 20-30 minutes)
gives an even better result BUT ONLY PLAYBACK on Blue-Ray player or PlayStation 3.
Yours Bengt W

How to save greyscale image as jpeg?

Anyone know how to save a greyscale image as a jpeg in labview?

Hi Jonathan,
If I understand you correctly, you had a greyscaled image, which you applied color to and now want to save this new image. Before I jump into possibly solutions, I have a question for you.
Are you using any IMAQ, Motion, or Vision VIs? If not, try using the Picture Control VIs - specifically, the "Write JPEG File.VI"
If that won't work, please post a small piece of code illustrating the issue.
Thanks!
Janell Rodriguez | Applications Engineer | National Instruments

How to save large + high quality JPEG / PNG for website?

Similar Messages

Maybe you are looking for