Picture on Top of Picture for Web Use

Posted earlier, but now with more details-
What is a common way to lay one photo on top of a portion of another? The images are large files that will need be saved as smaller jpegs. One image would be700 by 400ppi. The other, which overlays directly atop, is 200 x400ppi. The overlay is not a transparent or merging double-image effect. It's a solid photo cutting across a section of aother photo.
I can do this fine in InDesign, however the web desinger will want to have the composite photo as one file, ready for the web.
Appreciatively,
Luca

What is 700 by 400ppi, or 200 x 400 ppi?

Similar Messages

Changing file size for web use - multiple images

My most recent iPhoto event consists of 45 pictures, most of which are 1 MB or larger. I want to scale them down a bit for web use.
I do understand how the export command works. If I want to change all 45 pictures at once (select all), where should I export them to, and then what is the procedure to get them back into iPhoto? I would really like them to all show up as a new event in iPhoto (same pictures as the original event, only smaller file sizes).
Am I overlooking some easy way to do this?

No you’re not overlooking an easy way to do it.
Export them to a Folder on the desktop and then import them.
However, why are you keeping these web versions? The more efficient use of disk space would be to upload them then trash them. If you need other versions in the future you can re-do them. Not a lot to be gained by holding on to them, is there?
Regards
TD

What steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

What Steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

When you open a raw file it will open in Adobe camera raw. That is where you can do most of the editing. Then it will be placed inside Photoshop where you can do more if needed.
Now you can use the save for web dialog to export your image as a png or jpg to use on those sites.

Trouble outputting for web use

I have had various problems outputting documents to Jpegs for use on a webpage. I am exporting at the standard res of 72 ppi but find the quality unacceptable when I import these into i-web. Could this have something to do with the resolution certain images were scanned or imported at? Also the text is not reproduced as crisp as expected.
I am a bit of a novice in terms of Indesign so there may be an obvious solution that I haven't considered. Any help would be gratefully recieved.
Thanks
Angerman

Hi Bob,
Thanks for your help so far. I've tried exporting the PDF then converting to JPG in PS but the image quality appears to be worse than ever! Not sure if the settings I used for PDF where suitable for web use. Any ideas on how to maximise quality, maintaining crispness of fonts?
Thanks
Anton
Date: Mon, 7 Sep 2009 06:21:59 -0600
From: [email protected]
To: [email protected]
Subject: Trouble outputting for web use
Export a PDF of the page you want to rasterize and open the PDF in Photoshop using the appropriate settings there. Save as JPG.
Bob
>

Pic sized for web use

Dose anyone know how to resize a pic for web use?

http://www.adobe.com/support/photoshopelements/ Tutorials & link to PDF user guide

Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

I also have Creative Suite 5, which I believe comes with an Adobe set of fonts. Are these all licensed?
Licensed? Yes, but not necessarily for the web. Some licenses allow use in print or images but not the web.
Custom Web Fonts
For legal reasons, don't just assume you can use any font you wish on the web. Fonts are protected by intellectual property laws in much the same way that software is protected from unlawful copying, modifying or distributing. In other words, a font owner can say "Sure, you can use my font but you can't alter it, you can't reproduce it and you can't distribute it." On the web, that's a deal breaker because you need to be able to do all three.
These font-families are common to most Windows/Mac systems.
CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.
Adobe Edge and TypeKit Web Fonts are licensed for use on the web.
Free fonts, web fonts | Download free Adobe Edge Web Fonts trial
Typekit
Nancy O.

How can i compress a file to QT for web use?

how can i compress a file to QT for web use?

Shane, in the ProApps site, has a couple of applets (droplets?) that have the settings for doing just that.
www.proapptips.com
register (its free) and then head to the download section.
cheers,
x

Pantone color(s) information for web use

How to embed the Pantone color(s) information in a Logo PDF? I have tried to upload a logo pdf, however the Pantone colors information could not be recognized on the web platform. Is it possible to embed the color information for web use?

Here was the javascript error message:

How can scan coins for web use?

How can scan coins for web use?

Did you Google "Scanning Coins"?
http://www.telecoins.com/scanning.html
If you have a specific question after reading the (somewhat dated) article, please post back!

Resize a Document for web Use

I looked online on how to reduce file size od an .fla file for use on the web but not very clear. I have an .FLA file that is 800X600 px. when I publish it, I reduce file size, audio to mono etc, and I am getting 1.8mb file, way to large for web use. I tried an swf and flv file but same results. I need to reduce the entire document. I read to use the onion skin the highlight everything then resize but I have over 5,000 frames in my movie. Can someone explain in detail, how to highlight all of the frames in the movie, and then reduce the file to say 400 X 300 px? I am able to drag the onion skin but only to the edge of the viewable document then I must scroll over and repeat the process. there must be an easier way to highlight all frames in the movie then resize the whole thing. Any help would be appreciated.

I do not think you understand the question. Here is an answer I got off another forum but do not quite understand how to implement.
If you want to resize everything, a quicker way would be to select all frames (select the onion skin tool) and then resize everything to fit the new canvas size. That way, every frame of your animation will be reduced at once.
Kglad,
Does that make sense? How do you get the onion skin to select every frame in the animation?

Prep for Web use

Does anyone know where I can get info on web streaming, conversion for web use of FCP files or files submitted by clients. Conversion of PC files to mac and back for the above purposes.
Thanks

Welcome to the family.
The FCP manual and the compressor manual are chuck full of'that stuff although I assume you do not own FCP or you would not be asking this question. You would have opened the index first.
Start with google (or your favorite competitor) and look for encoding and transcoding.
There are probably 1,000 excellent sites on the Web devoted to various products and practices and advice for users.
Amazon will show you fifteen or twenty great books on the subject. You will need several because the science keeps changing and the craft is actually quite difficult.
bogiesan

Exporting text from InDesign for web use

I am creating graphics in InDesign CS3 on a Mac running OSX. The graphics consist of a box containing explanatory. I do not have the option of doing the text part in another program - the "boss" wants the layout done in InDesign so I would have to do this twice if I use Illustrator or Photoshop (and I'm not sure how to put a lot of text in a box into Photoshop).
When I exported as a jpg using different resolution settings, put the graphic into Dreamweaver, and then put it onto the web, the text was fuzzy. I can't use the Cross Media Export because this needs to go onto the web as a graphic rather than as text. I can't export to a pdf because the person designing the website is insistent that this be a picture.
I'm not sure all the information needed to answer this is included - please let me know if more information is needed. Any help would be appreciated.
Thank you.

Jeffrey,
Thank you for your answer. I'm not quite sure what you mean by rasterize in Photoshop. I tried what I thought you meant and the screen and print quality both were worse than simply exporting the InDesign document as a jpg (and that quality is not good enough).
Here is what I did:
I exported the InDesign document as a pdf using Press Quality Print and all of the other settings as defaults. When I opened the pdf in Photoshop, anti-aliasing was checked. I used 300 dpi, RGB, and 8 bit - the defaults. I went into Save as for Web, jpg, and used all of the default settings except that I made the document smaller as it was way too large for the web. I did the same thing for gif - opened the pdf in Photoshop, anti-aliased was checked by default, went into Save as for Web, and kept all of the same settings except to decrease the size of the image.
I'm sure there is something I'm just not understanding, and I hope with this explanation you will be able to have an "ah-ha" moment and point me in the right direction.
Thanks,
Marcy

Batch Save for Web using CS5

Hello All,
Im trying to process 1200 images that need to be saved for the web.
I have opend the first images in CS5 which is 84.6kb
i have then clicked "create new action" -> Shift + Ctrl + Alt + S -> Save (quality 75%)
then i have stopped the action recording.
Ive now gone into File -> Automate -> Batch
In there i have picked the action, the source folder and destination.
When i run the batch action the images appear in the destination folder but they have not been compressed.
Any ideas on what i am doing wrong?
Many thanks

Download and unzip the script then copy the script to:
PC: C:\Program Files\Adobe\Adobe Photoshop CS#\Presets\Scripts
MAC: <hard drive>/Applications/Adobe Photoshop CS#/ Presets/Scripts
# being the CS version
To use:-
File - Scripts - Picture Processor
Then fill in the fields as required.
N.B. The last version is the newest with some fixs for Save For Web.
Hope this helps.

Need help creating smooth graphic with transparency for web use

I have created a logo that is mostly white with white text and will appear over a textured background image. The logo contains text that I've converted to outlines. I've tried saving it as both a .gif and a .png, but when it's imported into iWeb, the outline of the graphic looks jagged and rastered. When viewed in Photoshop, it looks OK as a .png, but not great as the .gif.
I've tried saving it out as RGB, indexed color and greyscale, using PhotoShops "save for web" function or just saving it as 72dpi myself. I don't know how to get the edges to remain smooth. Any advice would be greatly appreciated.

Thank you J - here's the weird thing. I actually HAD saved it as a PNG24, and it looked fine on my machine. When I sent it to my client, who used it on his iWeb page, it looks jagged.
After I got your answer, I went to his iWeb page and downloaded the same background image he's using and imported it into a Dreamweaver page on my machine, and placed the same PNG logo over top - it looks as crisp and clean as a whistle. I have to assume that something's happening when he imports it into iWeb. Since I know zero about iWeb, I guess I will have to post another question on their forum, unless anyone knows what could be causing this.

Errors in Export to PDF for web use - some images are lost when PDF is enlarged & in browser

I have a multi-page PDF in InDesign CS6 that I want to export to view on the web. I need the file to stay under 2MB, and I need it to be crisp and nice enough to read the type on the page (as small as 9pt type).
The errors that are occurring are the following:
On some browsers, some images will entirely not show up. Some of the missing images have been pasted into the document, some placed. I cannot think of a correlation.
When the PDF is enlarged (Adobe Acrobat X 10.1.10) to more than ~200%, there is one placed image that will mostly disappear. What I mean by "mostly" is that little bits of it are still visible, like I masked it carelessly or something. Since this is only occurring with one image it seems that it would be a problem with the image itself, yes? I'm all ears if I'm making a mistake. It is a placed .ai file with no link errors. Should I not be placing directly from illustrator? It renders wonderfully from 100% all the way up to 188%, and then if you enlarge by margins of 1% little bits of it disappear, almost a chunk at a time.
The way I've been exporting is:
File > Export > Adobe PDF (Print)
Adobe PDF Preset: Smallest File Size
Standard: None
Compatinility: Acrobat 6 (PDF 1.5)
Options: Optimize for Fast Web View
Export Layers: Visible & Printable Layers
Compression
I always change the downsampling from [100/150] to [150/225]. I usually leave the JPG image quality low. I leave both bottom boxes checked (compress text and line art, crop image data to frames)
Output
Color Conversion: convert to destination
Destination: sRGB 1EC61966-2.1
Profile Inclusion Policy: Include Destination Profile
However, after reading a few other forum questions I started trying to export as Acrobat 4 so that it would flatten. When I do that, problem #2 still persists although I didn't test problem #1. I haven't tried using Distiller, and using the "prepare for web publishing" action within Acrobat itself makes the PDF too artifacted.
At the heart of my question is this: I am a young designer at an old company that is not necessarily keeping up with the times. I REALLY want to know what the best, most efficient way to export a pdf for web viewing is. Does this exist in InDesign, outside of InDesign? Does it exist at all? Tell me what I'm doing wrong so that I can get better!
Thank you in advance.

Show Large Images is a preference inside of Acrobat which might be disabled.
Acrobat - File > Preferences

InDesgin CS6: What is best practice for creating a jpg for web use?

My graphic design experience is heavy toward print, but I’ve been charged to solve this web-graphics problem for my team. I’ve done searches online and can’t find resources specific to this issue. Thank you in advance for any assistance you can provide.
Here’s the issue:
My team uses both InDesign and Photoshop CS6, to make landing pages and other stuff for our website. After saving to jpg files, the InDesign files always have jaggy text compared to Photoshop’s jpg. What are we doing wrong? Can’t InDesign be used for web? I’ve also tried saving it out as PNG with no better results.
Note: The background in the InDesign files are created in Photoshop (these look fine in both programs)—but the text created in InDesign looks jaggy while Photoshop’s text looks clean.
Here’s how we save it in Photoshop
File > Save for Web with these settings: JPG, High, Optimized, Quality 70, Blur 0, Matte None, Quality Bicubic.
Here’s how I solved the problem (which seems too labor intensive to actually be correct) Is there a better way?
I convert text to outlines.
I change the “intent” to web intent
Manually reset the page size. Whenever I change the intent in anyway, InDesign automatically changes the page size to 8.5”x11” or 800x600 pix regardless of the original page-size. I expect it to change proportionately from inches to pixels, or vise-versa, but it just won’t do it. Is there a preference for this somewhere?
Export as JPG with these setting: Quality Maximum, Format method progressive, Resolution 72 ppi, Color Space RGB, Options: Embed Color Profile: sRGB IEC6196-2.1, anti-alias.
Our web people tell us that if we use a higher resolution the image comes in proportionately too large, and they can’t use it at that size.
This seems like a lot of work. There must be a better way?

Ok. Thank you. Hmm....I don't have PDF/X-4. I have Adobe Preset PDF/X1a and PDF/X3.
I assume PDF/X-4 is a from a newer version of InDesign. Will PDF/X-3 work as well?
So there is not a way to achieve a crisp jpg or png directly from InDesign without all the steps I'm using now?
BTW, do you happen know why changing the "intent" changes the page size? or where I can change a preference on this. unless I've overlooked it, I don't see anything relating to this under edit > preferences.
Thanks again for your reply, I value your input!

Picture on Top of Picture for Web Use

Similar Messages

Maybe you are looking for