Photo settings for the web

I wish to find the best setting for editing photos to be published to the web.  I previously had cs3 and had no problems, but now I have cs6 and have noticed that the pictures lose color saturation and just plain look faded when I upload them to my website.  I have been all over the internet looking for information and have made some changes according to what I have found, but the photos still look the same on the web.  Can someone please help?  Thank you.

Ok I just found the place to change the information on the google chrome settings but still not any different.  I guess I am expecting my pictures to look exactly how they look in photoshop when I post them to my web page.  I have always just saved my photos.  I have made all my settings in CS6 to sRGB and I thought that would fix the problem but its not.  Is there anything else I am missing?  Can you believe, all of this over one stinking photo because I am a perfectionist.  I am trying to get my photoshop settings perfect (at least the way they were in cs3), when I should be in my studio designing jewelry.  LOL!

Similar Messages

  • What are BEST settings for the WEB?

    Hello, I have a short in RED Hd 1920/1080 finished on FCP 6. I made a QT and then used compressor to make a 800mbps Quicktime for the web, deinterlaced and checked BETTER tab, others stayed with regular.
    I also made one through FCP into a QT in 640/480 which is size I need.
    On the web it looks clear and plays fine. Problem is when there is motion or
    lots of movement, it stops and goes, jitters like ****, not smooth all.
    What settings are best to make it SMOOOTH, just like when watching it on computer or as best. I know you got much bigger things to talk about but if you know please let me know.
    H.264, Mpeg4 or Sorenson ect...just looking for smooth as can get it for playing on web.
    THANKS.

    800mbps Quicktime for the web,< </div>
    The compression is reducing the number of pixels being shown in order to maintain the bitrate. So rapid motion, which requires nearly all of the pixels to be redrawn, causes things to stutter.
    Compression is really, really hard to do. Really.
    bogiesan

  • Settings for the web

    Hi,
    I'm putting together a photo slide show, set to music in iMovie 08. I'd like the final dimensions to be 320 X 240 and I'll be posting this on a web page. I tried using the pre packaged Share options but they all resulted in very large files. I used to do something similar with iMovie O6 Quicktime export but I can't remember the settings I came up with.
    Any good rules of thumb settings that'll help me get this down to a reasonable size? I am assuming that I'll be using the Quicktime export in iMovie 08 as well.
    Thanks for any advice.
    Joe

    I referring to file size. I want to display at 320 x 240.
    Video data rate controls file size for the most part. Therefore, you want to use a highly efficient, high compression codec to achieve the highest quality in the "smallest package." As to display size, that can be user adjusted using the same work flow. If all of you potential viewers have QT 7, I would go with H.264/AAC. You should be able to get by with a total data rate on the order of 512 to 768 Kbps and still have reasonably good quality. (Lower if less quality is required.)

  • What Compressor Settings for the web?

    I have a 1min40 sequence with the Settings: PAL, Frame Size: 1280x720, 25fps, Compressor HDV720p25. What Compressor Settings would you recommend please:
    1) to put it in a website
    2) for Broadcast: would Apple ProRes HQ be a good choice?
    Thanks in advance.

    You can review the information first hand at youtube.com
    Or create a custom preset in Compressor:
    Name: YouTube sharing
    Description: H.264 video at 8 Mbps with AAC 44.1kHz audio
    File Extension: mov
    Estimated size: 3.6 GB/hour of source
    Audio Encoder
    AAC, Stereo (L R), 44.100 kHz
    Video Encoder
    Format: QT
    Width and Height: Up to 1280 x 720
    Pixel aspect ratio: Default
    Crop: None
    Padding: Preserve source aspect ratio
    (L: 0, T: 0, R: 0, B: 0)
    Frame rate: (100% of source)
    Frame Controls: Automatically selected: Off
    Codec Type: H.264
    Multi-pass: On, frame reorder: On
    Pixel depth: 24
    Spatial quality: 50
    Min. Spatial quality: 50
    Temporal quality: 50
    Min. temporal quality: 50
    Average data rate: 8 (Mbps)

  • Hello All... Back after a brief absence, things look a little bit different. I'm trying to take a 16 minute mini dv video and compress it for use on the web. I'm interested in any suggestions you may have on settings for the video and audio tracks. I'v

    Hello All...
    Back after a brief absence, things look a little bit different.
    I'm trying to take a 16 minute mini dv video and compress it for use on the web. I'm interested in any suggestions you may have on settings for the video and audio tracks. I've tried using Sorenson 3 (15 frames, key frames set to automatic, 320 x 240) for video and IMA 4:1 (mono) for audio. The resulting video looked great but the file size came in at about 255 Mb.
    Thanks!
    PowerMac G5 1.8 Dual   Mac OS X (10.4.3)  
    Message was edited by: Dan Foley

    Thank you for the replies.  Everyone was correct about the jack, interface, and phasing problems.  I have been unplugging my motu audio interface and then using headphones at work.  I have not changed any detailed audio output settings in logic.  When I read that the jack might be a problem I tried switching headphones.  This actually helped.  I am using dre-beats headphones and they seem to be having issues with the mac/jack-(the phasing/panning problems.  I can use these headphones with other devices but not the mac.  I have to use ipod ear buds and the phasing seems fixed.  Hopefully this information is helpful to someone else. 
    If anyone knows how to correct this issue please let me know its difficult to know what my final mixes are going to sound like and I have had to keep bouncing everything into i-tunes- sync to ipod and then listen in my car radio. 

  • Problems with PSE 10 when saving for the web.

    I'm having problems saving for web with PSE 10. I edit in RAW, edit in PSE 10, save as Jpeg, resize and save for the web.  Results are muddled and not sharp (looks cartoonish). Also, there is no metadata when you look at the image properties.  I uninstalled the program and installed again. No change.

    Are you resizing the photo before save for web?
    What settings are you using in the save for web dialog for the jpeg quality?
    If you compress the jpeg too much (low quality settings below 60), that can make your photos look bad.
    And save for the web in pse 10 automatically strips any metadata in order to keep the file sizes smaller.
    Also, the save for web in pse 10 has a bad habit of not remembering your last used settings, so it's good to verify that your actually set to jpeg instead of the default GIF setting.
    Message was edited by: R_Kelly

  • Where can I change the font settings for the name of the month in iPhoto's calendar project?

    where can I change the font settings for the name of the month in iPhoto's calendar project?  I just ordered two copies of a calendar I designed in iPhoto and was surprised to find that the calendar's months were printing in something like an Arial 10 pt font.  On previous calendars I've printer via iPhoto and Apple, the font was much larger.  I've tried every menu option in iPhoto and the Calendar Project program and can't find where this is modifyable. Which leads me to ask, what the heck happened here in the first place?  I did not consciously change the default.
    I do remember that I got some notice when I first tried to print the calendar about the default font having been changed, but I don't know how this could have happened, and I didn't know what impact that had on the calendar until it was delivered.  I typically print about a dozen annual calendars but won't buy another until I've got a handle on this problem.  For the most part, the rest of the calendar is okay.
    As a P.S. is there anywhere where one can get a power user's manual, or instruction on iPhoto?
    Message was edited by: KPAausFrankfort

    "Maximum" and "12" usually refer to compression (influencing image quality and jpeg file size in bytes); and as Curt wrote, dpi is meaningless for display by and viewing in web browsers.  (It could be a different matter if you are uploading the jpeg files for someone to download from the web to print.)
    What are the sequence of steps that you and your batch processing take from Bridge?
    You can use call Photoshop's Image Processor from Bridge to create the jpeg files  (Tools > Photoshop > Image Processor).  In the Image Processor you can set jpeg compression, pixel dimensions if desired, also convert to sRGB (good idea for web display).  In my experience the image processor leaves unchanged whatever dpi is set in the source file; or, if none there as might be for a pdf, it will set the dpi value in your New Document Preset Print Resolution (from your Photoshop Units & Rulers preferences).

  • HD video compressed for the web

    I was doing some testing trying to figure out the best way to compress the HD video I get from the Sony XDCAM HD for the web (streaming). I shoot in HD (1080/30P) because it's needed for our videos. The web streaming is secondary.
    I would prefer to make the web videos .flv because it works best and most easily cross-platform. In the real world, the majority of users have Windows PCs, which made me hesitant to use h.264 (.m4v) because it probably would require the average user to download things they may not wan to. Nonetheless, it has to be viewable on all computers in all browers.
    So, I took three 10 second clips of steady camera video with audio from the camera that I used in all tests. I will refer to them by clip number...
    Clip 1: 30P 16:9 High quality, 10sec=45mb
    Clip 2: 30P 16:9 Low Quality, 10sec=24mb
    Clip 3: 60i 16:9 High Quality, 10sec=45mb
    First I tested making FLV is Adobe CS3 Encoder using the High Quality (700) setting.
    Test 1 used size 848x480 (16:9)
    Clip 1: 1.3mb
    Clip 2: 1.1mb
    Clip 3: 1.2mb
    Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
    Test 2 used size 480x270 (16:9)
    Clip 1: 1.2mb
    Clip 2: 1.1mb
    Clip 3: 1.1mb
    Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
    Next, I tested making .m4v using the h.264 iPod settings in Compressor.
    Test 1 used size 640x370.
    Clip 1: 240kb
    Clip 2: 1440kb
    Clip 3: 204kb
    Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... why? I don't know, but I don't shoot on LQ for things anyway.
    Test 2 used size 320x180.
    Clip 1: 160kb
    Clip 2: 865kb
    Clip 3: 865kb
    Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... also the 60i file...why? I don't know.
    In conclusion, I'm lucky that I shoot 30P since it worked well in all areas. The h264 codec provides a much smaller file size than Flash, with a good image. Amazing considering we started with a 45MB clip. What are the standards for aspect ratios for putting 16:9 video on the web? I haven't heard much set in stone like you have for 4:3 video. Nonetheless, the 640x360 or 480x270 seem to be a nice size for most uses.
    I have heard that in Flash 9 you can chance the m4v extension to flv and it will work. IF that is true, that would be great because now my concern is that a base Windows PC cannot play these .m4v images without plugins/codecs. I suppose right now its a tradeoff between smaller file size/less compatibility with h264 or larger file size, great compatibility with Flash.
    Any comments or suggestions to help out would be great. I typed this fast so forgive me if I left out any important info.

    Hi APPLE27:
    One comment from your post that immediately caught my attention was this, "Nonetheless, it has to be viewable on all computers in all browsers."
    Unfortunately, it is unrealistic to expect one digital video file to be viewable on "all computers in all browsers" as there are simply too may variations in both hardware and software.
    A common approach when offering digital video is to provide two formats to choose from and then within each of those two formats a few versions of the video for different bandwidths.
    For example, a web site might offer Video for Windows and QuickTime. For each of these, there would be a low bandwidth Video for Windows file and QuickTime file and a high bandwidth Video for Windows file and QuickTime file (four files total). Of course, there's also Flash Video, Real Video, MPEG1, and so on.
    For better or worse, YouTube.com has allowed video content creators the realistic expectation of creating a digital video file that is viewable on "most computers". But, the video is unavoidably tied to that web site.
    When it comes to online distribution of video, it's still very open ended.
    Also, computers are not all that's out there. Mobile devices are a huge market and you'd be hard pressed to create a single digital video file that will play on all mobile devices (iPhone, iPod Touch, Palm Treo, Sony PSP, etc.) either from local storage or from a mobile browser.
    QuickTime offers a solution for creating a referencing movie - one file that links to other digital video files, but it too is imperfect at best when it comes to reaching the broadest audience possible.
    With my few comments here, I'm just scratching the surface. But, it all starts where you are right now: caring about the image quality when exporting from your edited master.
    -Warren

  • Exporting FCP 16:9 to QT for the web in 16:9?

    Hello everyone,
    I recently began doing my projects in 16:9 mode. I shoot them with my GL2's in 16:9, then capture to FCP as usual. FCP then automatically recognizes the 16:9 footage and adjusts everything perfectly for me. I figured out how to get the footage to DVDSP by 'forcing letterbox'. This plays the true 16:9 footage on a widescreen TV perfectly.
    Now, I've come to another bridge that I can't seem to cross... that is... exporting the video to QT for the web in 16:9. I did a lot of searching here and all of the topics related to this did not help me at all. So, what I'm going to do is explain what I used to do when I shot in 4:3 mode:
    1. In FCP... File>Export>QT Conversion
    2. Format: QT Movie> Options
    3. Settings> Sorenson Video 3
    4. Frame Rate>15
    5. Key Frames: Every 150 frames
    6. Compressor> Medium
    7. Data Rate: Automatic
    8. OK
    9. Sound>Settings>Mpeg-4 Audio, 16bit, Stereo
    10. OK
    11. Prepare for Internet Streaming> Fast Start
    12. OK
    13. SAVE
    This usually turns a full sized 5 minute clip into a nice little presentation for the web no larger than 35 or so MB's. You can see a boat load of files like that on my website at (www.buerhausdesign.com).
    Now, what I want to do is get a similar sized video for the web, only in 16:9 as I'm now shooting and editing in 16:9.
    Does anyone have step-by-step instructions on how to do this? I know it's possible as I see movie trailors in 16:9 all the time in QT.
    Any help would be appreciated:)
    Matt

    Nope, tried all of that. It stretches the image way beyond 16:9. Currently, if I export as a 4:3 file, the widescreen displays correctly, but I get two black bars at the top and bottom of the frame. Manually sizing to a 16:9 size, to say 720x404, stretches everything... including the unwanted black bars.
    When I export to DVDSP, the black bars go away when I 'force letterbox'. There's gotta be a way to get it to work in QT.

  • Best way to save HQ video for the web?

    What´s the best settings for great video-quality for the web?
    I have a 5 min long clip I´d like to put on my website.
    I would like it to be 480x360 and with good quality. It´s ok if the file gets 30-40 MB.
    I have tryed the Expert Settings, Quicktime Movie, Broadband - High, but the movie gets "striped".
    What´s wrong?
    A lot Mac OS X (10.4.8)

    Hi Magnus40,
    I'm not sure what you are doing to create this problem. I create web movies all the time and have never had this problem, although, I never use the advanced settings cos I have never had to. When you go to the Quicktime export pane in iMovie you have the quality choices from full quality to web. When you select one of these it gives an estimate of the file size. For that length clip you should not need to use any setting besides full quality. I'd say the problem is coming from the 480x360 aspect ratio. This is what is compressing the file. Have you tried exporting it as full quality and then uploading it? The only problem you face by doing this is, it will take a long time for the movie to load on your website. For a short clip you may find that the CD ROM setting is sufficient.
    Good luck.
    SR

  • Best way to encode Quicktime file for the web?

    Hello all and thanks in advance for your help with this problem.
    I need to know the best way to encode a quicktime clip for the web.
    This was my first try:
    http://www.denmothers.net/trailer-big.htm
    It works fine in safari, firefox, and ie for mac, provided they have quicktime 6 or later but it seems not to work on pc browsers. The file is encoded as an .mp4 using compressor and played with the browser's quicktime plugin. I've read that encoding files as a .mov provides greater compatibility but when i compress it as a .mov using the mpeg4 codec the file sizes are huge and when i use the photo-jpeg codec the quality is poor. h.264 looks great and has low file sizes but then my viewers have to have quicktime 7 which i think is too limiting because many will have older computers.
    How should I encode my file such that it works best across browsers and platforms and has the highest quality at the lowest size?
    Best,
    Keegan

    If you open an .mp4 file in quicktime pro you can then select File->Save-As and you are presented with two options:
    Save as self-contained: This will create a .mov that is the same size as your .mp4 but is playable on any system w/ QuickTime 6 and the Mpeg-4 codec. (PC's included).
    Save as reference: This will create a small (>500kb) file that will simply reference the .mp4. If they're in the same folder the .mov created will open the .mp4. Without the .mp4 the .mov in this case is useless.
    For what you're trying to do I suggest going with self-contained.

  • What processes are included in 'save for the web'

    When I save a photo using the Photoshop CS3 'save for the web' command, I resize the photo to, for example, 800 pixels on the long side. It comes back the correct size but sometimes the colors look different (a little red usually). Is this because I was editing the original photo in RGB? Should I convert to profile, sRGB before I save for the Web? Or does Photoshop do this automatically? OR, should I convert to sRGB and then do color adjustments for the web?
    Sorry, I'm a little confused about this...
    Thanks,
    Jody

    Photoshop is color managed. However, the web is not, so when you save to web, you lose your color management. If you want to see what is going to happen after SFW, you should set the color to sRGB, as you guessed.
    However, that will only set the way the color looks on your monitor. It could vary wildly on anyone else's monitor.

  • Save for the web colors

    I was having trouble with image colors when I used 'save for the web' and I found a couple of solutions in tech notes regarding embedded color profiles but there is some thing I just don't understand.
    It says:
    "To ensure that colors are consistent in Photoshop, ImageReady and the Save for the Web dialog box, use an embedded color profile for display in each, or preview the image in Photoshop using the monitors RGB color space. Note that if you use an embedded color profile for display, colors may appear incorrectly if you view the image in an application that cannot read color profiles."
    Can somebody give me the lowdown on what exactly a color profile is (what it does, when you should embed one etc) and some examples of the kind of application that can't read them i.e. if I send the photos via e-mail can the profile be read? put them on a web page?
    Thanks for any illumination!
    j.

    A profile is a file that decribes to applications that can read them the color and tonal characteristics of a particular device. A profile can also be a mathematical description of a particular RGB or CMYK Lab color space. You've probably seen RGB working spaces in Photoshop referred to in terms like sRGB, Adobe RGB, ProPhoto RGB, etc. Any application that is color managed and can read and use profiles needs a minimum of two profile to to the job - a source profile and a destination profile. When you're looking at images on your computer monitor, the source is your RGB working space and the destination is your specific monitor. Photoshop uses both the working space profile and the monitor profile to display your image correctly. Most other applications in Windows do not read profile and have to assume either "Monitor RGB" or sRGB as the source for the file. If your file is not one of those, then false asumptioins are made and the image does not appear correctly. Some web browsers like Firefox 3 and Apple Safari do read profiles but not necessarily by default. You have to turn the option in FF. Some email readers are color managed, others not.
    Profiles can be and usually are embedded in the document when you save it. Unless you have a good reason for not embedding a profile, it's almost always a good idea. It adds 4K to the file size and will let someone down the line who is using a color managed application see the file how you intended it. You have no control over the others, but that's life online. Currentlyl the best strategy is convert files destined for the web to sRGB and embed the profiles. That might change in the future, but it's a good place to be right now.

  • Save for the web and devices

    Hi,
    Im trying to save for the web and devices my work, but the work is not displaying at the save window.
    Any ideas?
    Many thanks
    http://www.flickr.com/photos/92610801@N03/

    Emil,
    I'm not sure if I can trust my eyes, but isn't that emblem on a Template Layer which is not recognised by Save for Web?

  • Disappearing color profile when saved for the Web

    Hello.
    I have a problem with the “Save for the Web” results using Photoshop CS6 running on Win 7 x64.
    My photos are already in 8 bits and in sRGB and when I save for the Web I check the option “embed color profile”, uncheck “convert to sRGB”, metadata to “copyright and contact info”.
    When I open the resulting photos in Photoshop, everything is fine as it recognizes the embedded color profile. Same thing when I open these files in Firefox, Safari or Chrome: the colors are correct.
    Now, when I right-click on a file in the Win Explorer and look its properties, the line about the color profile is blank, as if there wasn't any. This doesn't bother me but the problem appears on my Website created with Joomla and using for the display a module, Responsive Image Gallery, which creates resized copies of the photos. At this point the copies have completely lost their color profile. I entered in contact with the module's support and they assured me that it preserves the embedded profile, so I come here to gather some information about how this “Save for the Web” embeds the color profile because may be I just didn't understand how it does and if it's different from the “Save as” way.
    The fact I can't see the profile through the Win Explorer makes me think Joomla's module doesn't either.

    Incredible how much gballard's site is famous! Lol. I use it for a while now and checked again right now with the three Web browsers and everything is all right.
    As indicated in my first post, when saving for the Web I checked the “embed color profile” option. I already resized the file and converted it in sRGB first in Photoshop.
    Yes it's pretty confusing to see some software not able to see the color profile when the file is saved with that option.
    To illustrate, here are three screenshots from Windows' file browser => right-ckick on the file => properties => details:
    Opening that “saved for the Web” file in PS, it's ok, the CP is recognized.
    Opening it directly (from the file browser => “open with”) in Web browsers: ok in Firefox, Safari and Chrome (CP recognized in all).
    Copying that file in my working site on localhost (no modification), integer it in Joomla's module gallery (which is CP aware) and then opening my site on localhost with Web browsers: ok in Firefox (because it considers a non-tagged file by default as beeing sRGB), NOT OK in Safari neither in Chrome.
    Now, if I do the same with the “Save as” version of the file with embedded sRGB CP:
    PS: ok
    Opened directly in Web browsers: ok in the three cases
    Opened in Web browsers through my Joomla site on localhost: OK IN ALL THREE BROWSERS
    Good point gator_soup: I'll post a bug report. I'm new here on the forum and thought Adobe's staff would post here.

Maybe you are looking for