Resizing an image for the web

Have been using an old version of Photoshop but am now using Photoshop Elements 8 and I need to 'resize' images so I can save them for website but can't seem to do so. The old system was so easy - you just clicked 'resize image' and altered the pixel width or height and it just did it! Can anyone help me please

It should work the same in photoshop elements 8.
Make sure in the image size dialog you have Resample Image checked along with Constrain Proportions.
Photoshop elements 8 also has a File>Save for Web option where you resize the image and see the estimated size at the same time.

Similar Messages

Why does photoshop elements 12 freeze when trying to save an image for the web?

Everytime I try to save an animated GIF image for the web the whole application freezes and I have to force quit. The file sizes are small. Can someone help me with this issue?

Try:
- Reset the iOS device. Nothing will be lost
Reset iOS device: Hold down the On/Off button and the Home button at the same time for at
least ten seconds, until the Apple logo appears.
- Restore from backup. See:
iOS: How to back up
- Restore to factory settings/new iOS device.
If still problem, make an appointment at the Genius Bar of an Apple store since it appears you have a hardware problem.
Apple Retail Store - Genius Bar

Optmizing big image for the web

Dear Friends,
In the 1st place I apologise if this is not the most apropriate forum to post my question but its web / image related, hence my doubt.
I have this big image file that I need to publish on the web but even before optimizing the picture I should scale it down by over 60%. Right now 'save for the web' won't even take it...If I use the 'image size' menu to simply resize it (to 900 x 300px) the quality of the image becomes very poor so I wonder, is it better to scale it down first using the 'edit/transform/scale' option?
Also, if you will be so patient: on a webpage with no other images what would be the approx.maximum size acceptable for it to still load quickly?
I'm sorry if it sounds like I haven't done my homework - and honestly I've tried - but I can't find conclusive answers and the perfect pictures on the web (like I see often) remain an undisclosed mistery for me.
Thanks a lot
JV

jvmonteiro wrote:
I have this big image file that I need to publish on the web but even before optimizing the picture I should scale it down by over 60%. Right now 'save for the web' won't even take it...If I use the 'image size' menu to simply resize it (to 900 x 300px) the quality of the image becomes very poor.
Like Zeno said use Bicubic Sharper.
Also keep in mind that when you make an image smaller you are throwing away data so of coarse it not going to be as detailed as the original. actually I would bet you can open your image in SFW. You are just getting a warning that its a big image. Just open it anyway then you can adjust the size and quality of the image to your liking.

Exporting Clipped images for the Web... CONFUSED! ? Help ..? AI CS3

Hi folks,
I don't use Illustrator as much as I'd like, since my workflow is mostly on
the web, but I'm finding it nearly impossible to export images I receive
from print designers for web use. Many of these images are EPS or AI.
They are clipped images, which is great, BUT when I try to Save for the Web,
the error comes back that they are too large for the web and may crash AI.
OR if I export to PNG or PSD, the files lose their transparency and I have
to extract them manually from the white backgrounds, which defeats the whole
purpose. I have tried opening in Fireworks and Photoshop with the same
result. I've changed the originals from CMYK to RGB, but it doesn't help.
Plus the images export with a huge crop area instead of just the image
itself.
I'd really like to be able to use AI, but I'm finding this situation
unworkable. I am sure I'm missing something simple , but I'd appreciate any
help greatly!
Thanks
Jeff
~~~~~~~~~~~~
Jefferis Peterson, Pres.
Web Design and Marketing
http://www.PetersonSales.com

Thanks for your help Jean et al.
I only use Illustrator occasionally and when I have to. Not because I don't
like the idea, but I'm almost completely web oriented and I find its layout
is not as instinctive and smooth as Fireworks, and I use Photoshop for
original layered images. The problem comes when I get a file from a printer
who uses Quark and knows nothing about web prep and exporting for other
uses. He couldn't export a layered file for some reason even though he had
the backgrounds layered for print work.
You are right, I've opened the tiff and eps docs from the printer before and
played with them in AI, and saved them to ai native formats. I *thought* the
eps files were created in ai by the printer, because they had the clipping
paths and artboards. Obviously they were not. They had just opened with the
default 14400 artboard which is why I thought they had been "set." So when I
set the new 30x30 custom, I started seeing these files with a new
artboard...
So, in sum, I first tried to use these files in Photoshop, but they open
as flat files and the clipping paths are lost. Only by experimenting with
ai, did I find the files had clipping paths. I guess what threw me was that
ai could extract clipping paths from eps that Photoshop could not.
Jeff
~~~~~~~~~~~~
Jefferis Peterson, Pres.
Web Design and Marketing
http://www.PetersonSales.com

Resize for the web

I believe there is a way to re size a batch of images for the web in PSEv4. In the editor you can re size for the web, about 700x500 pixels at 72 resolution, but I can not find out how to do it by group rather than individually.
Mickey

From Editor, you can use Process Multiple Files facility, but this won't actually do a Save for Web [i.e. doesn't strip off metadata etc.].
From Organizer, File/Export doesn't help either, as it doesn't strip metadata.
You can cheat from Organizer by creating an HTML gallery and "harvesting" the images it creates, as these seem to have been saved in an optimum way.
But, of course, someone will know another way ...

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

Export for the Web and File Naming : Batch problem in Photoshop CC

Is it possible to use "File Naming" when you are using in a batch "Save for the Web" export ?
What I want to do:
I have images that I need to resize, crop and rename (change "filename.jpg" to "filename_850x490.jpg" and make an optimisation for the web
I want to create an action that I can use in a batch
What is working :
I can use my action (resize, crop, save) and use file renaming option if I use "save as" options
I can use my action (resize, crop, save for the web ...) but the file renaming option are not use at the export,
So I have to create two actions (one for resize, crop and rename and an other to compress images with "save for the web"
==> What's wrong with "File rename" and "save for the web"?
Thank You for support !
My Environement :
Photoshop CC : last update
OS : Windows 8 Entreprise - 64 bits
Proc : Intel Xeon CPU E5 3.00 GHz - Ram : 8 GB - GPU : AMD FirePro V5900 (FireGL V)

Probably a lot easier if you use the Image Processor Pro script
(part of Dr. Brown’s Services 2.3.1)
http://www.russellbrown.com/scripts.html

Transparent GIFs for the web

Hope someone can help with this.
I'm basically trying to optimize a transparent image for the
web. I have a straight PNG vesion here, which is what I'm trying to
do, but it's around 96k - so a bit high.
It looks like :
example
one
I tried exporting it as an 8 bit PNG, which got the file size
down, and looks OK in Safari, but looks hopeless in IE (6) :
example
2
So I tried exporting as a transparent GIF, but it only looks
like these :
example
3
example
4
Any tips on how I can optimize it a bit better for the web,
and retain it's original appearance?
Cheers.

As I have asked several times on the DW forum, how did you
export the PNG
image?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Iain71" <[email protected]> wrote in
message
news:fan87d$n8r$[email protected]..
> Hope someone can help with this.
>
> I'm basically trying to optimize a transparent image for
the web. I have a
> straight PNG vesion here, which is what I'm trying to
do, but it's around
> 96k -
> so a bit high.
>
> It looks like :
>
>
http://www.handprintdvd.co.uk/webdesign/carcarenew/homepagetemp.shtml
>
> I tried exporting it as an 8 bit PNG, which got the file
size down, and
> looks
> OK in Safari, but looks hopeless in IE (6) :
>
>
http://www.handprintdvd.co.uk/webdesign/carcarenew/homepage.shtml
>
> So I tried exporting as a transparent GIF, but it only
looks like these :
>
>
http://www.handprintdvd.co.uk/webdesign/carcarenew/homepagetemp3.shtml
>
>
http://www.handprintdvd.co.uk/webdesign/carcarenew/homepagetemp4.shtml
>
> Any tips on how I can optimize it a bit better for the
web, and retain
> it's
> original appearance?
>
> Cheers.
>

Resizing for the web

I belong to a forum that shares nature photos. The requirement for posting is 1200 pixels on the longest side. In my old program (Elements 6) I could resize and type in the pixel length I wanted. In Elements 10 which I just bought, I am given the options when resizing for adjusting width and height in percent, inches, cm, mm, points, picas, and columns - but not pixels. How do I adjust to 1200 pixels on the longest side when resizing for the web?

Make sure constrain proportions and resample image are both checked.
Then change the pixel box for the long side and the short side will change automatically.
Alternatively click File à Save For Web
Then set your dimensions and click OK (you also get a before and after preview) with save for web.

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the image right down. (I mean you can see the image clearly, but it's too small to edit). When I look at Safari and see a web page at 100% it's clear, but the same page displayed in Photoshop CC appears 50% of the size (even though it says it's 100%) If I move the application window to another screen it adjusts it correctly – leaving all the pallettes, menus and tools correctly sized as they are on the retina display Is there some way to adjust the way Photoshop CC displays images so it is more consistent with what you actually see? There doesn't seem to be any answer on the Adobe forum, so hopefully someone here can shed some light. MacBook Pro with Retina display, 15", OS X Yosemite (10.10.2), Photoshop CC 2014

I tested both ways. With "open in low resolution" ckecked the size of the images is cool, but it is low-resolution including Photoshop appearance.
If "open in low resolution" is unckecked the appearance is good but the very small size.
See the image below. It has 650 x 732 px, 72 dpi. The font of the text "Neste aniversário ..." is with 18pt.

When I upload my images to the web they are not as vibrant. I am using the Save for the Web feature.

When I upload my images to the wed they are not as vibrant. I am using the Save for the web feature and my sRGB is checked. I dont know what else to do. HELP!

We really need to see what you're seeing.
Can you post links to before and after?

How stop PS6 from removing the DPI value from an image when using "save for the web"?

How stop PS6 from removing the DPI-value from an image when using "save for the web"?
Example:
- Open a tif image, that contains a dpi value (resolution).
- Use the splice tool in PS6.
- Export the slices with "Save for web", as gif-files.
Then the dpi value is removed, the gif files has no dpi value (it's empty).
How can we stop PS6 from removing the dpi value when using "save for web"?
OR:
When using the slice tool, how can we save the sliced pieces without PS removing the dpi value?

you can make your art go a little bit over the bounds. or you can make sure your artboart and art edges align to pixels

My iPad will not resize images for the wallpaper

My iPad will not resize images for the wallpaper

if you go in through the photos app and send your image to be wallpaper you'll have a bit more luck.
Also, go into the settings, accessibility and try turning off parallax motion.

HT5182 How can I convert Raw images from iphoto to jpg for the web?

I have some pictures in Raw mode stored in my Iphoto that I need to convert in JPG for the web and to print in business cards, I have been going around e-mailing the pictures to myself in large or medium size and then saving them again to my iphoto. Is there a way to do this from iphoto directly?

iMac (24-inch Early 2009), iOS 6
Are your pictures on your iMac or on an IOS device?
On your iMac use "File > Export " set the jpeg quality and size you want:
Regards
Léonie
Sorry, Ralph, I see, we have been cross posting

How to export a transparent image background for the web

Hi Everyone
I have made a mock up webpage in adobe fireworks 5. I am now in the process of using the slice tool to cut up the seperate parts and export them to dreamwever.
My question is this: how do i slice the images in such a way that the background is transparent .
Also, when exporting the image that i have just made trasparent, what do i need to do to expot it as a transparent background.
warm regards
Andreea

When you're ready to transfer your Fireworks layout to DW select FILE > Image Preview. In Options select Format PNG8 and beneath the color grid change the No Transparency dropdown to Alpha Transparency.
Click the Export button, name your file, choose the destination location, and in the dropdowns select Export > HTML and Images, HTML > Export HTML File, Slices > Export Slices, Pages > All Pages. (Also some choices may be handy for you in the Options button including Background Image for the exported file.)
PNG can be used, just as JPG, TIFF, PICT, BMP and GIF, all of which are in your Options > Format dropdown list.
Generally JPG is better for files that have gradients, GIF for simple images and text, but they don't do transparency so the larger PNG file is necessary for that.

Resizing an image for the web

Similar Messages

Maybe you are looking for