Extract photos from photoshop for the web

Hi all

I posted the question here (bottom) - but couldn't use any assitance DW people also - since this is where I'll build the page...

Need help newbie extract

Once you give up any info from the PS file you want not carried over, as the background image, there is no need to flatten the PSD in a tiff image...

1. in Photoshop, select an area with the marquee tool.

2. press Ctrl + Shift + C "Copy all layers" in this selection.

3. press Ctrl + N to create a new document with the same pixel as the selection size (size should be auto based on selection)

4. press Ctrl + P to paste the image into the new document

5. press Ctrl + Shift + Alt + S for save for Web (important for loading time optimize your images for the web)

6. choose jpg for photos of high quality, .gif for 'simple work with transparency' or PNG-24 for "work/high quality pictures with transparency."

7. press on the 4th tab and change the quality settings until they are as low as possible while still looking 'good' for you

8. click on the window with the "right the lowest setting.

9. record in your local site folder (if you do not in DW, do step 1 below first)

1. open DW and define a Site: http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs01-defining-a-new-site/

2A. You can then go to insert > Image > Image to place the image where the mouse cursor is

2B. otherwise, you can drag the image in the files window in page

I give you the "long" way around with the images. Photoshop can produce HTML, or all your domains into slices at a time with a few clicks. I prefer a little more control over my images and the html PS product should never be used for actual websites (models may be fast, but not for the real thing). It's horribly inflexible and when you start adding real content it will cause more problems than it solves.

Tags: Dreamweaver

Similar Questions

  • From Photoshop for the first time?

    I bought Photoshop Online for $19.00 per month. How to start? Do you want to download the program?

    Go here, you connect and download photoshop: https://creative.adobe.com/

  • Best app for the batch processing of photos for the web?

    I would like to know what is the best application for batch processing photos for the web quickly and easily. I'm a web editor and often need to resize, compress, or crop several photos and would like a quick way to configure the basic parameters and processes for example 20 pictures at once. Basically, I'm looking for something with the ability to FastStone Photo Resizer (I'm on a Mac and cannot use FastStone). I remember an once suggested graphic designer LightRoom - would that be a good idea or Adobe has something else? Or maybe not Adobe at all?

    PhotoShop seems heavy for this purpose: it is ideal to make the photo woth that much at the time, but less large to do less with many pictures at once. I know that I can implement some sort of macro-thingie, but I would like to be able to quickly change settings such as the percentage of compression or the width in pixels.

    I don't need a lot of editing tools, mostly just work in pixels, resizing, compression or cropping and save for the web in .jpg and .png - and Mac.

    I hope someone here can guide me in the right direction.

    Hi eval

    I think the best thing for you is Adobe photoshop elements, cover in simple not expensive and all what you want

    Photo Editor software & tools | Adobe Photoshop Elements 14

    concerning

  • How to change the resolution of a photo in photoshop for high quality printing?

    I am confused about how to check the actual resolution of an image in Photoshop.

    I understand 72 DPI is set for the web and 300 DPI is normally required for high quality printing but how do you check the dpi in Photoshop. When you go to the size and resolution of the image, it is always in pixels (ppi)? Is it the same thing as the dots per inch?

    For example. If I open a photo in Photoshop and the resolution is 72 dpi can I change this at 300ppi so that's 300 DPI when it goes to print?

    Also is there a way to check the resolution of a picture that has been placed in indesign or illustrator without opening the image in photoshop?

    Thanks in advance

    You should check up to resample it for any nationally - or down.

    If you want to convert to CMYK, you must use the correct profile, the results may not be as expected.

    CMYK profiles are dependent on the device - the press is either calibrated to a known profile (which may be available in Photoshop), or he has a profile, which you would have to get the printer.

    If you want to print an Indesign document, the recommended workflow is to export to PDF and converting CMYK when the pdf file. The CMYK range is smaller than RGB, so unless you're aware of this, you will have a few surprises.

    You cannot print very saturated colors with CMYK and blues often come different looking than RGB.

    If you configure the Color PS with CMYK (workspace) profile settings, you can (work in RGB) press Ctrl + Y and get a glimpse of what will look like colors in CMYK. You can even edit in this mode, tweaking colors, but of course limited by the CMYK range.

    For all this to work and get good results, you must have a calibrated monitor, and it helps it of course to have a good printer, who knows what she's doing. And, if possible, be there during printing. Printing on an offset press is not like printing on your desktop printer - there are much more variable.

  • I need to create combinations of text and images for the web. How to do this in elements or do I need Photoshop for this feature?

    I need to create combinations of text and images for the web. How to do this in elements or do I need Photoshop for this feature?  Please advise!

    slynn5236 wrote:

    I need to create combinations of text and images for the web. How to do this in elements or do I need Photoshop for this feature?  Please advise!

    You can do in PSE.

    1. Do the math to see how much space you'll need on your canvas to the image and text.
    2. Navigate to the file queue > new.blank. Enter the width & height, background color, resolution 72 px / in. It is your canvas, and in the layers palette will be the background layer.
    3. Copy and paste the image. It turns on a separate layer
    4. Activate the tool move, position the image and resize if necessary
    5. Activate the text tool, and then type your text. It will be on a separate so layer
    6. Position the text.
    7. Flatten layers and go to file > save for web. I'm usually on the long side about 800 px. Don't forget to check "constrain proportions". Adjust the quality slider to suit. You will probably want the type of JPEG file for web work.
  • Hello, I have a Windows 7 Pc, where 5 Lightroom is installed.  When I opened a photo using "verkenner" I see a good color photo.  When I open a photo from Lightroom 5, the picture will be too dark. This gives the difficluties for the shaping of photograph

    Hello

    I have a Windows 7 Pc, where 5 Lightroom is installed.

    When I opened a photo using "verkenner" I see a good color photo.

    When I open a photo from Lightroom 5, the picture will be too dark. This gives struggling during the shaping of the photograph. Can someone help me solve this problem?

    Kind regards

    Marianne

    Hello Marianne,.

    I have something even. JPEGs are fine, naves are a few weeks ago 1.5 stop underexposed. It only happens with LR and Photoshop. Not with Nikon View or Capture. It only happenes when I use the d-lighting option active with one of my Nikon several. Is equivalent to your problem or is there something else?

    Erik

  • Registration for the web function has stopped working in my copy of photoshop elements 12.  I get this message "the operation could not be completed.  The system cannot find the path specified"reset preferences was not fixed.

    Registration for the web function has stopped working in my copy of photoshop elements 12.  I get this message "the operation could not be completed.  The system cannot find the path specified"reset preferences was not fixed.

    My os is windows 7.  elements of 12 worked fine for several months and then save for web stopped working

  • What are the recommended settings for the export of photos for the web?

    I am a photographer, if the images would be used for my blog... and still need of decent looks.
    They are also the images that I approach clients, again, they need for decent, but would be the right size for the web.
    I played a bit, and when we maintain quality"to 100%, but the setting at 72 dpi, the image remains the same size at 300 dpi.
    So I got the quality up to 50%, but even slight vignetting seemed absolutely horrible. (Highly visible sections of different colors.)
    So now I'm stuck.
    72 dpi and 300 dpi made no difference in size (cannot explain this one.)
    100% quality seemed fine but was too big for the web.
    50% quality was mediocre at best.
    Any suggestions? What is the standard practice?
    Thanks in advance.

    I would use a quality of 70-80 and also resize the image under 'Image size' for example, you pick a long edge of (for example) 1200 pixels.

    The ppi (dpi not) makes absolutely no difference, it's completely out of words and useless in this situation, as you found it. Just ignore it.

  • How to extract photos from my phone to my computer?

    How to extract photos from my phone to my computer?

    Maybe the info will help you get started...

    You have a card reader and an adapter for
    the memory card?

    Or... you have a USB cable that is made to adapt to the
    port on the phone?

    A fair example for info (you'll need a specific
    for your memory card):

    MICRO SD 2 GB MEMORY CARD
    http://sale.images.Woot.com/Kingston_2GB_Micro_SD_Card_with_Adaptera75Detail.jpg

    And... the following article might be worth a visit:

    How to unload your cell phone photos
    http://www.PCMag.com/Article2/0, 2817,2348830,00.asp

    Reach... Start / computer... and the card reader or phone
    Admittedly with a drive letter. If you right-click
    the drive letter, you can display the directory of the memory
    Card and copy the photos.

  • What is the best export for the web?

    What is considered the best export from Adobe Illustrator CC 2015 for the web these days? I know that PNG has the color a bit better than JPEG files. How about SVG?

    What is your recommendation?

    Thank you

    For modern websites of today, vectors are now better saved in SVG. As long as you use the last CC 2015, use file > export to create the SVG (which is newer than the file > save under). It will yield a smaller SVG files.

    Better, photos are saved in JPEG format.

    PNG are not "keep color" better. The JPEG and PNG24 support millions of colors, but a JPEG will be able to compress photographic details better, if you end up with a file of faster loading.

    For HTML Email SVG is not appropriate, so I use PNG or GIF instead (whichever is smaller) to the line drawings in general I want to save it as SVG.

  • size of files when saving for the web

    'Save for web' sometimes export icon to very small size with size huge file (500Ko), when I take the same image and re - record using "Save for web", I get the small file (1 or 2 KB)

    Why does this happen?

    This happens because Photoshop is save the metadata in your PSD and JPG files. You can see that from Photoshop in file Info under the file menu, and then on the tab of raw data you will be able to see usually several lines of metadata information, sometimes thousands, and if you did a lot of manipulations on the file that can add literally MBs to the size of the file. Save for the Web and export as you can delete metadata. Personally, I find it a nuisance more than a useful feature tends to remove metadata from Lightroom, there is a plugin that allows you to select what you want to keep and what to throw away.

    Hope that helps

    Terri

  • Best way to prepare images ProPhoto RGB for the Web?

    My working to Edit my RAW files color space is ProPhoto RGB. My master files are saved as ProPhoto RGB 16 bit layered PSD files. I am aware of the many ways to prepare my images for the Web, but it is better to properly view my work on a web site?


    «Save for Web...» "of Photoshop is easy, but it's also good work like resize manually,"Convert to Profile"(sRGB), then" save under... ". "an 8-bit JPEG? I noticed "Save for Web...» "its color space designated as"Untagged RGB", while the manual method is"sRGB"will create a file w. Any difference? Thank you.

    Were you not satisfied by the answers you got this question on Luminous Landscape forum? I will repost mine here:

    ---

    You should always incorporate the profile. With the notable exception of Internet Explorer (which seems to be a lost cause), most browsers now manage well of color management. At least Safari and Firefox both do.

    Save for Web in Photoshop always band profile with default settings, you will need to check the "embed color profile". This setting sticks. Personally, I think it's well past time to change this default, but that's it.

    While you're there, check "Convert to sRGB" and set to "use the embedded profile. This shows you the image with full color management (using the monitor profile to display). Here still SFW uses an obsolete default from the old days, when browsers were not color management.

    If you use a range wide screen a few special considerations come in and in Firefox, a manual adjustment has be activated (color management mode 1) *.

    Regarding resizing, I have no particular opinion. SFW seems to do well. But you should do a final sharpening after resizing, that needs to be done in Photoshop anyway, so he can probably handle resizing too. Construction while some actions and you are ready.

    Firefox users should enable this setting in all cases, regardless of monitor they use. What it does is assign sRGB to any untagged material. This allows full color management chain, instead of just go directly to the screen unmanaged. IOW, even color management on hardware untagged, so long as it is created in sRGB with sRGB numbers.

  • How to get a GIF to loop PE11 with MAC 10.6.8? 480 x 320 x 72 pix/in. layers saved for the web, see animate, listen to excerpts times very well but the saved file is not

    can't understand why the gif file loop. Implemented 480x320pixels of photo frames 5 x 72pix / in in PE11, creating a layer for each. Each visible layer. Registered for the web. Checked to animate. The preview plays very well. But when I save the file and then click on the saved file to play, he re - opens the layers instead of playing the loop. The only registration option that appears is "IMAGES ONLY".

    Using photoshop elements on MAC 10.6.8 11. Either I'll put this in wrong place or is there a hidden setting I need to change?

    It you open in a web browser? That's where he plays, not in PSE, overview, or on your desktop.

  • I can't download photos from Photoshop Cs6 or Lightroom 5 to Wordpress

    I can't download photos from Photoshop Cs6 or Lightroom 5 to Wordpress either. When I export with lightroom 4 trial, no problem.

    Social media marketing is an important part of my business as a photographer, so it is very important for me to do this job.

    Thank you for your help.

    -Reinhard

    You have much more chance of a useful answer, if you post in the forums Lightroom or Photoshop. This forum is for general questions of Creative Suite and not many people come here to answer your question.

  • Several pages for the web?

    Hello. I am very new to InDesign, and I'm using CS5. I'm working on a flyer for an upcoming event. I do a page of printing, legal size and have just completed, using Kuler colors in CMYK mode, and everything seems good.

    I also wanted to do a separate document, so I put it on a web page.

    I did a file... New... document, intended for the web, it size in 1024 x 768 and used Kuler colors in RGB. When I was building the document, needed me more space than just a page. So I added a page to fit all the info, photos, etc., and I ended up with two full pages of my document. Here's what I don't understand...

    I do not how to put the document 2 page on my web page. It doesn't look like two separate pages like that now? Should I make a long page so that I can scrool just down the document as on an ordinary web page? I checked the size of my "legal book" size paper by changing the ruler from inches to pixels guides and came to 610 wide x 1010 long. Do I just do the size of my document online?

    Thanks for the help.

    Just use the page tool to extend your first page down and put your additional info on the bottom.

    Here's the thing, however, that "for the web" is not intended to do, it's for publications that are... heck who knows what it's for!  The normal method is just to export your first print version of smaller file size and post in downloadable PDF format.  Or if you want a web page uses another tool, not Indesign.  I would like to start by talking to the person who organizes or assembles the web page you're going to be showing on and asking them what they would recommend in your case.

Maybe you are looking for

  • Cannot transfer music from iTunes to the iPod nano.

    I can't transfer music from iTunes to my iPod. My laptop has Windows XP and my iPod nano is 6 years old. (I do not know what generation it is). the instructions say to click on "sources" to choose the IPod, but I can't find this option in iTunes.

  • Cannot find m.2 port in HP Pavilion 15-au023cl

    I'm looking for the port of m2. I can't find it using the manual

  • 555 timer

    Hello Ive had some issues with the 555 timer. I'm trying to get a signal of pulswidth set to a current signal. My problem is that the circuit should work with 0.25 to 1 Hz on the current signal.  I clocked it at 1 Hz, but if I try to go further down

  • Material synchronizing error PCI-5122

    I tried to run the attached vi (which I ran several times before) and my computer blue screen.  When it restarts, I could no longer use my PCI-5122 digitizer card.  When I try to do a test of the device or device reset in MAX, it tells me that theres

  • Vista 64-bit Black Screen of Death, with just a mobile available slider, the system does not start in safe mode.

    My system worked properly on 25 April and then something happened and now the machine comes back with "Start menu options" but will not start in one of the listed options, modes result in the same outcome.  System also starts on the Vista CD. System