Slice and 'saving for web and devices' not saving all images in selected area

Ive designed my site in illustrator and now im using slices and save for web and devices.
When I save a slice as a jpeg or gif it saves the text and but not the background image behind it. I haven't locked the background image and all the content is on the same layer in illustrator so why is it doing this and how can I stop it?
Thanks
James

Thanks for your reply.  Yes, my Photoshop CS5 is updated to 12.1.  I'm running OSX 10.5.8 and have tried viewing in Safari, Firefox, and Chrome with no improved success.
I have been reading these forums for about 3 hours trying to find the answer to this question but am still at a loss.  I have found one article here: 
http://stackoverflow.com/questions/7974006/overlapping-image-in-photoshop-splice-how-to-fl oat-with-css
which explains using an "absolute" value in CSS to lock images in place.  I'm currently working in Dreamweaver to see if it's a common error in Photoshop when resizing browser but is easily fixed on the CSS side.
Any help would be appreciated
Thanks!

Similar Messages

  • Photoshop crashes when saving for web and devices

    When hitting saving for web and devices, Photoshop starts to render images but before it's done, it crashes. I get an error-popup with no text and the screen where normally the animation is shown is red. Then Windows comes with a crash report and I can only quit Photoshop.
    I have an animation of over 150 frames, but just some black and white lines, no color.
    I'm using Photoshop CS 5.5 on Win7.
    I tried deleting the preferences in AppData/Roaming etc, but no result, still crashes.
    My Photoshop is also updated to the latest version.
    Help?

    Ok, here's a crash report from Windows (not sure which I should post so just gonna post them both..)
    Naam van toepassing met fout: Photoshop.exe, versie: 12.1.0.0, tijdstempel: 0x4d90cf71
    Naam van module met fout: Save for Web.8BE, versie: 12.0.0.1, tijdstempel: 0x4d90d758
    Uitzonderingscode: 0xc0000005
    Foutoffset: 0x002d2e96
    Id van proces met fout: 0x1f4c
    Starttijd van toepassing met fout: 0x01cdb1fca2dd8dcb
    Pad naar toepassing met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
    Pad naar module met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
    Rapport-id: fa9784f8-1def-11e2-a242-00238bb26d31
    Photoshop.exe
    12.1.0.0
    4d90cf71
    Save for Web.8BE
    12.0.0.1
    4d90d758
    c0000005
    002d2e96
    1f4c
    01cdb1fca2dd8dcb
    C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
    C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
    fa9784f8-1def-11e2-a242-00238bb26d31
    Where can I find a Photoshop Crash Report?

  • Strange quality issues when saving for web and devices.

    Im a UI designer and spend lots of time working with illustrator and photohop. When I design I normally create vector mockps of my work and then export slices using artboards and save for web and devices. Yesterday Illustrator started having problems exporting files. The files look good on my computer, when viewed with pixel preview mode but when i export they look really bad. here is an example:
    This is a screen shot of a part of a mobile app im working on at 100 % and 200 %
    here is the same area when exported using "save for web and devices" at 100% and 200%:
    as you can see there is a dramatic loss in quality. the icons look almost like a low color gif...
    Here is what I have tried already:
    I have tried changing the settings in the exporter. I normally use png 24 but I have tried all the different settings and they all do about the same thing. the only one that seems to look ok are swf and svg.
    I have copied my files over to photoshop and exported from there. that works fine but it is a pain.
    any help would be great.
    Eli
    www.elilang.com

    Here is a screen shot with transparence off and art optimized... still not working.

  • PSD files saved for web and devices  show up as broken when opened Dreamweaver. How can this be fixed?

    PSD layouts saved for web and devices show up as broken links in dreamweaver. Previews in browsers are fine, but I keep getting and error message that says the files have been blocked. What is the fix for this?

    You can also try out Project Parfait. It's a new experiment from Adobe that’s currently online and free to try out and use.
    It allows easy PSD comps-to code workflows.
    Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web
    -Subhadeep

  • Strange white lines sometimes occur when saving 'for web and devices' in Illustrator?

    Hi
    Strange white lines sometimes occur across my documents, when saving 'for web and devices' in Illustrator CS5 (on the right side of the black logo below). Does anyone know how to avoid this please??
    Thank you so much.

    LSM,
    The link seems broken.

  • Saving for web and devices scaling problem

    Hello,
    Whenever I try and save a 'larger' PSD by slicing it, and saving it for web and devices It always seems to 're-size' it and limit me to a certain percentage such as 70%.
    For the projects I'm working on - I NEED the width to remain at 750 pixels - rather then 70% or even 40% of that - and it won't allow me to change it back to 100%.
    I understand the JPG image will be large - but is there anyway I can turn this setting off? It only seems to be happening since I got Photoshop for creative cloud...
    Thanks!
    Andy

    Because you are slicing, the remaining portion could be a spacer image(s). If you don't need slicing which is used for creating multiple images cut out of the original to allow for clicking to a URL. Then I would advise finding another route.
    Even though you can get a warning the image is too big, there is a possiblity that save for web will still work just fine for that image.
    If not then you can do the work your self, by duplicating the image then either reduce the size of the image with image>Image Size...  or crop the image using the crop tool. (the reason for the duplicate file is a precaution to make sure you don't accidently save the reduced file to the original and therefore throwing out data.)
    That said, you could also use the image processor which can save in psd, jpg, and tiff. It can also be used to reduce the image size. The beauty of image processor is that it can work on single files or a folder of images. The new images will be placed in a new folder with the name of the format and will be located in the same folder as those it is processing.
    Another option is to use camera raw. Since camera raw can load tiff and jpg images (Photoshop CC can also load png files) you can use camera raw to crop images the crop is stored in the metadata therefore the crop is non-destructive. Allowing you to uncrop at any time you choose. If you have photoshop CC you can also use camera raw as a filter which means any layer or all layers in your photoshop file can be edited in camera raw allowing non-destructive crops.
    As you can see with photoshop there are multiple ways to accomplish the same thing, some easier, some quicker some more accurate and they will fall into either a destructructive or non-destructive process.
    So hopefully all this information does not confuse you any as it is meant to help provide alternative approaches to your issue.

  • Cs3 Problems with saving for web and devices

    Lately, I have had a problem saving my files for Web and Devices and the problem I am having is that when I save the file it saves as a very pixelated version of the very crisp illustration I have created.  I can easily copy and paste the file from Illustrator into Photoshop and save it that way but I would much rather just save it in Illustrator.
    I am going to get the CS5 package shortly, however I wasn't sure if this problem would also continue in CS5.

    It should not be a problem in CS 3 either, definitely not in CS5.
    Try this
    PC
    1. Quit Illustrator.
    2. Rename the AIPrefs file (for example, to AIPrefs.old) in the Users/(user)/AppData/Roaming/Adobe/Adobe Illustrator CS3 Settings folder.
    3. Start Illustrator. Illustrator creates a new preferences file.
    Also here should be a Save for the Web folder as well trash that also should be in the same directory.
    Mac
    1. Quit Illustrator.
    2.Go to User/username/Library/Preferences/ Adobe illustrator CS4 Settings and trash the settings folder, the whole folder not just the contents of the folder..
    3. Start Illustrator. Illustrator creates a new preferences file.
    Also here should be a Save for the Web folder as well trash that also should be in the same directory

  • Error message when saving for web and devices

    I cannot save for web and devices for some reason. I get the error message shown in the screen shot below.
    I'm using CS5 extended, version 12.1, 64 bit. My OS is windows 7.
    It doesn't matter whether it's a JPG file or a PSD, I get the same error message, and I am unable to find a solution so far.

    Hi,
    See if this solution works (from this post):
    regards,
    steve
    26. leonty16,  
      Jun 26, 2010 11:17 AM    in reply to turtle_ 
    Report
    FIXED .....
    OK guys....I had this problem for the longest time & Whenever I tried to use "save to web" feature, I would get the same error.... after a lot of research & finally found a resolution.....
    I wanted to take this opportunity to share the resolution why this feature was not working properly....
    Here is the link where you will find what the problem was...
    http://www.techsupportforum.com/microsoft-support/windows-vista-window s-7-support/235245-solved-error-1324-when-installing-applications.html
    Basically, go to this registry location:
    HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\U ser Shell Folders
    & make sure that your current "my documents" sub folders are set to:
    My Music       REG_EXPAND_SZ         %USERPROFILE%\Music My Pictures    REG_EXPAND_SZ         %USERPROFILE%\Pictures
    My Videos      REG_EXPAND_SZ         %USERPROFILE%\Videos
    Personal         REG_EXPAND_SZ         %USERPROFILE%\Documents
    etc...etc...etc....
    When I fixed my registry...this error went away & I had no problems with it anymore...please post this resolution on the website for others!

  • Photoshop crashes when I try and save for web and devices. Making the image size smaller does not help.

    I'm trying to make a lopping .gif from an animation that I made. It's 147 total frames. It's crashed about 6 times now every time I either try and Save for Web or even just save the document on my desktop so in case it crashes I can reopen PS and recover it. Making the image size smaller (original size is 1920 x 1080 with resolution 72) does not help, it still makes the *ding* error when I attempt to save. I made the image more than half of the original size and the Save for Web box actually came up that time, but when I tried clicking save it said there was an error and PS crashed without warning.

    Look at the crash report for your Photoshop crashes see what they show

  • Saving for Web and My Monitor Went Black

    I have Adobe Photoshop CS3 Extended (version 10.0.1) running on Windows 7 Home Premium (64-bit). This morning I was saving a photo as a JPEG for the Web and suddenly my screen went black. There was some flicker and then Photoshop reappeared. I didn't get any warning messages or anything. I'm not sure what caused this so I thought I would post about it here and see what the experts come up with.
    My graphics card is an Asus NVIDIA GeForce 9600 GSO. It has all the latest driver updates. I'm not sure if it was graphics related or not, but I thought I would mention my card. CPU is Intel Core2 Quad Q6600, 4Gigs G.SKILL RAM, Gigabyte P35-DS4 motherboard (Rev. 2.1).

    function(){return A.apply(null,[this].concat($A(arguments)))}
    d.cloud wrote:
    Is that something I should be worried about? Do I need to start looking for a new video card?
    There's a little application that will heat up your video card by running it hard and testing it at its limits.  It's called "FurMark".
    http://www.ozone3d.net/benchmarks/fur/
    Warning:  You may not WANT to stress your video card this hard, as it can potentially shorten the life of a perfectly good card to run it so hard as to heat it up a lot.  But if any application is going to uncover a latent hardware problem there, this one would be it.
    -Noel

  • Issue with pasting text when saving for web and resizing

    This seems to be a very specific problem in PS CC 14.2.1 Mac.
    I have text in the clipboard.
    I go "SAVE FOR WEB" then  "SAVE . . ."
    I can then paste my name into the "Save As" name dialog.
    BUT
    If I I go "SAVE FOR WEB" then change the size of the file in the Image Size Box before I "SAVE . . ." I can no longer paste text in the naming dialog box.
    I haven't tried this for every permutation in the Save For Web dialog, but saving optimized as JPEG is what I'm having trouble with.
    I believe this is a bug.

    What might be happening is after you change the image size in the save for web dialog, one of the size fields is still highlighted, so when you paste
    in the save as dialog, the name is actually being pasted in one of the size fields in the main save for web dialog.
    After you change the size in the save for web dialog press the enter/return key and then see if pasting into the name field of the save dialog in save for web works.

  • Illustrator CS5 15.0.2 crash when Save for Web and Devices (Mac)

    Hi baffled with this.
    When Saving for Web and Devices in Illustrator CS5 (15.0.2), the application now freezes and has to be force quit.
    HOWEVER if I delete the Users/~/Library/Preferences/Adobe Illustrator CS5 Settings/en_GB folder all works well until I quit the application, then the freeze will happen again. I had this happen before so under the advice of Adobe I created a new user and all was fine for that user so I transferred everything across... a laborious task.
    So my question now is why now?... what has triggered this AGAIN?...
    Hope you can help... anyone.
    Running:
    Mac OS X 10.6.6
    Mac Pro tower.
    Note:
    have uninstalled, reinstalled, updated 15.0.1 - 15.0.2
    have deleted all font caches
    have deleted everything... that could be related...
    HOWEVER have narrowed it down to the 'Adobe Illustrator Prefs' file in the Users/~/Library/Preferences/Adobe Illustrator CS5 Settings/en_GB folder
    Please too note this is not the folder permissions issue, am aware of that and have thoroughly checked all permissions, ran disk utility and disk warrior.
    thanks

    If you use cocktail I suggest you get rid of it it can cause serious problems if you select the wrong settings, instead download ONYXwhich is free and will not harm your system or corrupt anything by deleting something you actually need.
    I hit the wrong setting using cocktail and it locked me out of all of the hard drives installed or connected to my Mac it is very dangerous. And I cannot imagine a reason for a setting that would protect your hard drives from yourself to the point of not recognizing your own password.
    I know it cost money and has advanced settings but having the ability to kill your system is crazy.
    Also to repair your permissions use the disk utility or ONYX as the permissions can become changed when installing software or if cocktail changes it locking you out of folders etc.

  • Error when trying to "Save for Web and Devices"

    Hello All,
    I have a little issue with Photoshop CS3 on the XP Pro platform.  I get the error when I try and "Save for Web and Devices".  This is the actual error.  "the exception unknown software exception"  uhh... lol
    I currently work for a school district.  I'm the Tech/Network Admin for the entire district.  We have a lab setup with some new PC's (As of last June)  They all have 2 gig of ram Core 2 Duo 2.4 ( I think).  Pretty good machines.  We currently have an image built for them so essentially they are all the same builds.  We recently just updated the image as of a month ago.  In talking with the teacher who does the tech classes in this lab, he recently ran into this problem as of a week ago.
    We are a Novell based campus.  Zen 7 support pack 7 I think as well.  We do however lock down the machines.  Dynamic Local users.  Everything gets pulled off the machine when the user logs out.  Now I do sort of think that this issue is related to some type of policy we're pushing down because when we use our "Tech" account which does have local admin rights to the PC we don't get an error.  We haven't modified the policies here in quite a while.  School is almost over and we'd like to relax for a bit and not cause any problems.  LoL
    And in fact all the PC's in our High School have this issue.  And currently we have about 3 different models not including the one I listed above.  Any advice is much appreciated.  Cause I'm pretty stuck on this issue.
    Thanks,
    Jesse

    Save for web and devices saves its own prefs to retain the last active settings. When it can't do that, it will fail. You may wish to grant write permissions to the Documents and Settings\App Data\Adobe\ Save for Web folder. The same applies to Device Central...
    Mylenium

  • Save for web and devices, .png (trying to make an icon)

    I'm trying to make a 57x57 px .png file for an iPhone icon.  I'm pretty new to Illustrator, but have been watching some videos/tutorials online.  I started with the default Print document, and made my icon that looks ok.  Nothing fancy, just an ellipse, another ellipse inside of it, and some icon inside the two ellipses.  (the two ellipses serve as a ring around my icon).  After creating the ring+icon, I put a colored square behind everything for my background color.  The total size is 382x382.  I created a new Print document to be 57x57.  I copied and pasted everything from the first 382x382 image into the 57x57 file, and shrunk the 382x382 to 57x57.  I then Saved for web and devices, selected PNG 24, no transparency, and I got my image. 
    When I look at my image at this size, it looks pretty bad.  Like even for the ellipse parts, it looks like it's grainy and that there are jaggies.  When I look at other iPhone icons, they just seem so much more smoother and fluid.  Is there something I'm doing wrong with saving or shrinking that I need to take into account for?  Or are there standard stroke sizes that should be used to get a smooth circle?  Thanks!

    The smoothing process is called anti-aliasing. It fills in the border pixels with a shade of gray, giving the illusion of a smooth curved object.
    That being said, keep in mind the smaller in size pixels wise, the harder it is to keep the quality.

  • Losing quality when saving for web after using Multiply

    I have a normal photograph, with a red layer on top set to Multiply/Darken. When I save it for web, regardless of what pixel size, or what uploader I use the quality is terrible.
    Have tried uploading to different services, from difference devices with the same issue, so assume it's a colour profile thing.
    Any help appreciated.
    Image shows the difference in quality compared to normal.

    04dalyj wrote:
    I have a normal photograph, with a red layer on top set to Multiply/Darken. When I save it for web, regardless of what pixel size,
    DPI is pixel size and images are not displayed on screens with the pixels sized as specified in images resolution setting.  The images pixels are displayed on displays with pixels the size the display is run with.  So web images display on display, display with different sizes and resolution depending on the users display device.
    Images saved for web display should be saved with sRGB colors for many image viewers are not color managed and assume web images have sRGB colors.
    So you images will display differently on different displays and no matter how you save them colors will vary  displays may  not be calibrated all displays do not have the same color capabilities.
    The best you can do is calibrate your display and save them with sRGB colors jpeg or png files that display well  and look good on your calibrated display.
    Most desktop displays are 100DPI resolution displays where newer  tablets and laptop have high resolution displays 200 to 300DPI.  Even new Desktop 4k display have lower resolution.  I believe the highest resolution 4K display in production is the Dell 24: display . Its resolution is 185DPI.   Out of production is IBM's old 4K display which had a 204DPI resolution.

Maybe you are looking for