Using QuickTime Player's 'Save for Web' feature in iWeb

I'm using iWeb (3.0.3) to create a site. I've also used the QuickTime Player (10) feature "Save for Web" command to save optimized versions (for iPhone and desktop) of a clip I'm using in my site. I want to keep the nice features of the QT Save for Web, i.e., the poster frame and the nicer QT controller.
I've managed to get everything hooked up right (using an HTML snippet in iWeb and hand-editing the page's html file to add the lines to <head> that the Save for Web's instructions specify. Yay!
All good so far. When I view the page in Safari, the poster frame shows up perfectly. But when I click on it, Safari swaps in a new page (frameset?), which loses all the navigational stuff I have on the "real" page. The Save for Web's instruction html page doesn't do this -- why is it happening in the iWeb page? I've tried stripping stuff out of the iWeb-generated page, but no luck.
Please help ... I've spent HOURS trying to figure this out, and I'm at my wit's end!!
(Additionally, if someone can tell me where I can put the 4 files that the Save for Web command creates so that iWeb doesn't wipe them everytime I publish, I would be a very happy man!!

This demo page has instructions on how to use that feature: #18 - Adding Movie/Video File to iWeb Page via Export for Web in Quicktime Player.
This demo page has an example of how it looks: Using a Movie Exported Out of Quicktime Player via “Export for Web”
OT

Similar Messages

"Save for Web" feature suddenly grayed out

I have a Mac Notebook. I have Adobe Photoshop Elements 4.0 installed (I know it's outdated but it meets my simple needs). I use Photoshop Elements mostly to save photos for my blog. I use the "save for web" feature everytime. However, when I tried using it earlier this week it is all of a sudden not available- the words are in gray and cannot be accessed. As far as I know I haven't done anything different than normal on my computer (I am a stay-at-home mom and use it only for my personal stuff) for this to happen. I took it off and re-installed it but that didn't help. Can anyone help?

This forum is for the fill version of Photoshop, please check out the Elements Forum:
http://forums.adobe.com/community/photoshop_elements

Does adobe touch have save for web feature

I have CS and use the save for web feature a LOT to optimize photos. Does touch for the ipad have this same feature?
Thanks, Lea

Sorry, it does not.

Script for using layer name in Save for Web command

I am using the Save for Web command (Illustrator CS2) to export layers to CSS so that each layer is saved as a different jpg. The only issue I have is that I want the layer name to be part of the file name, but layer name is not an option when I look at the "Edit Output settings" dialog for saving files. Is there anyway I can do this? I do not have experience writing or working with scripts.
For example. My fiel name is flower.ai. I will have 20 different layers (each containing a different color of the same image) and want the exported file to be flower-scarlet.jpg, flower-cranberry,jpg, etc. Right now I am looking at renaming all the files manually, but as I am creating 40 images per product on my website, this will be very time consuming.
Thanks in advance
Christine

Btw.. to make it work for JPGs, change the PNG options to the following:
var options = new ExportOptionsJPEG();
        options.antiAliasing = false;
        options.optimization = false;
        options.artBoardClipping = true;
        options.qualitySetting = 100; // value of 0 to 100, 60 is medium, 100 is perfect
        options.blurAmount = 0;
        options.verticalScale = 100;
        options.horizontalScale = 100;

Using Quicktime's "Export for Web" feature in iWeb?

Greetings,
Does anyone know if this is possible within iWeb, that is, to use movies created using Quicktime's "Export to Web" feature, which really seems to deliver superior movie quality?
Much appreciated,
DaveB

Thanks, good stuff, though I'm still having a small problem with this. I'm getting a gray line around the top and left of my movie and the right side of the player is getting cut off. When I try to make the width larger, it just moves the gray line further to the left.
Any ideas?
http://www.brianderr.com/brianderr/copythis3.html
*This is the script that I added to the html snippet in iWeb.* I changed the height to 505px because it was cutting off the bottom of the player at 496.
<iframe src="http://idisk.me.com/brianderr/Public/KANYE%20PT%201/kanye1.html"
style="width:720px; height:505px";
scrolling="no">
</iframe>
*This is the script from my read me file that I kept:*
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>QuickTime Pro - Export for Web - KANYE PT 1</title>
<script src="http://www.apple.com/library/quicktime/scripts/ac_quicktime.js" language="JavaScript" type="text/javascript"></script>
<script src="http://www.apple.com/library/quicktime/scripts/qtp_library.js" language="JavaScript" type="text/javascript"></script>
<link href="http://www.apple.com/library/quicktime/stylesheets/qtp_library.css" rel="StyleSheet" type="text/css" />
</head>
<body><script type="text/javascript">
</script>
<noscript></body>
</html>

Save-for-web feature identical in AI and PSD?

I work in both Illustrator and Photoshop for web design. In creating web safe graphics, is there a difference between the two apps when exporting web safe graphics?

Each of the three JPG files increases by the same amount -- 2.61 Kbytes. That sure sounds like some common header block is being added in CS3. Did you check the "Optimize menu" button next to "Preset" just to make double-sure "Include XMP" isn't enabled? Or some other setting like that? Or check both images in Bridge to see if something is being added.

Quicktime 10 "Save For Web", spaces in file names?

Maybe I'm overlooking something here, but:
When using Quicktime 10's "Save for Web" function, it exports movie source files that all have spaces in the filenames (i.e. "Movie - iPhone.m4v" etc)
Now correct me if I'm wrong, but most web servers DO NOT like having spaces in the filenames, and every time I try to upload them to one of our web servers, I'm getting an error message that says it doesn't like the file.
Simply removing the spaces from the filenames causes the Quicktime reference movie to stop working, as you might expect.
Am I missing something here? How would someone possibly get this to work?

Thanks for the reply - actually it was helpful, and was the final nail in the coffin for Yahoo Webhosting for us. We've been using it for years, and even though it ***** terribly (and I mean TERRIBLY, horribly, painfully), we've stuck with it just because it's been easier to use it than to not switch. But you're exactly right... I tried uploading files to Cachefly with spaces in the name, and bingo, works perfectly.
Thanks.

Slicing image issue when using "save for web"

Keep in mind I am a newbi to photoshop and these forums. I am currently having an issue with using the slice tool when trying to save the image in html format. I have my image completed and when I use the "save for web" feature, it comes up just fine. Then I click the slice tool on the tool bar on the left, and try to drag over the area that I want to slice and it wont work. Currently, every time I try to use the save for when feature, the new box pops up and shows my image with a 1 and a symbol on the top left of the image like the whole image is already made into a slice. The only thing I can do is left click and hold to drag the transparent box to where I want to slice the image, and when I let go, the image does not slice. Any help would be great!

Completely wrong workflow. See the online help on the slice tool.
Mylenium

Can you make a fully automated Action using Save for Web? - Illustrator CC

I have been trying to create a simple action using the Save for Web feature. When I run the created action it stops on the Save to Web window until I click on "Save" then it brings up the finder window asking me to select where to save it and I then have to click "Save" At that point the Action continues to run and completes.
I'm using this process to export JPEGs of client labels for an web based government submission. The guidelines are pretty tight and the Save for Web gives me the best results for File Size, Image Size, and Quality... basically the files have to be small, but legible. Our files are organized in a Client/Project/SKU structure so batch processing with the Export command is not really an option.
I have created many actions & batches over the years, but never had this kind of issue with such a simple action. Is there a way to bypass these prompt similarly to what a batch would do?

I would love to know the answer to this as well. I am having the exact same issue. Super annoying

Save for Web isn't using the correct size of artboard

I've been using CS5 for about 5 days now and have just run into this problem.
My artboard is 800x600 px. I have 6 layers of an animation I need to export as pngs so I can manipulate them in Imageready (yes, I still use it.)
I Save for Web, export as CSS layers, original size is 800x600 px, new size is 800x600 px (I don't touch those settings), art optimized and clip to artboard is checked.
But when I Save and check my files, not only are they 550x90 (the size of the art on the artboard) but they're cut off on the right side. It's like Illustrator is saving them as actual size, registared to 0,0 (top right corner) of my artboard.
I need to save my layers using save for web so I can drag them into other animated files in Imageready. I need them at 800x600 px because that's the size of my final art and it's easy to center a lot of layers if they're all the same size.
I can post image files if my question doesn't make sense.

UPDATE:
I've been experimenting. My artboard is 800x600 px. I have 2 layers. My artwork is 900x700 on both layers.
I Save For Web with Clip to Artboard checked.
I save a jpeg and my file is 800x600.
I save a png and my file is 800x600.
I save as png and check Export As CSS Layers and my 2 layers are 900x700. This ONLY seems to happen with the Export as CSS Layers checked.
Also, I use File->Export->PNG and check Use Artboards and my file is 800x600.
I use File->Export->JPEG and check Use Artboards and my file is 800x600.
I use File->Export->BMP but I can't check Use Artboards, it's greyed out and uncheckable. Huh? I need to export my image as a BMP at 800x600.
I don't understand what I'm missing here.

QuickTime 10 Save for Web

Hello,
I used QT 10 to Save for Web and embedded the video in a web page per the instructions available upon completing the Save As. When I do the video plays in Safari, plays with errors in Internet Explorer, and does not play at all in Chrome. IE complains about errors in the .js file that the export states to put in the HEAD element. Has anyone else run into this?
thanks in advance,
mitch

Thanks for the reply - actually it was helpful, and was the final nail in the coffin for Yahoo Webhosting for us. We've been using it for years, and even though it ***** terribly (and I mean TERRIBLY, horribly, painfully), we've stuck with it just because it's been easier to use it than to not switch. But you're exactly right... I tried uploading files to Cachefly with spaces in the name, and bingo, works perfectly.
Thanks.

Save for web... is full screen an option?

I have posted my video online using the Quicktime X File > Save for Web option.
I chose the java script player and uploaded it to my site, It all works well.
My question is, does anyone know how to add a fullscreen button to this player?

Not exactly what you want, but I found a solution on the web.
Result plus links here :
[Play Fullscreen QuickTime movies|http://www.wyodor.net/_Movies/fullscreenQT>
With the addition of a JavaScript you might be able to expand on it.
http://webkit.org/blog/140/html5-media-support/
[Safari HTML5 Audio and Video Guide|http://developer.apple.com/safari/library/documentation/AudioVideo/Concep tual/UsingHTML5_AudioVideo/Introduction/Introduction.html]
And here is a html5 video sample based on the Guide above you can use :
http://www.wyodor.net/_Demo/html5/HTML5Video.html

Loss of saturation in Save for Web

Hi,
Objects that I export as PNG24 files using Illustrator's "Save for Web" feature result in files that a considerably less saturated than they appear in the Illustrator file (I'm working in RGB).
What's up? Is there a quick/easy way to make sure the raster files look just as saturated at the Illustrator objects?
Thanks!

calibrate and profile your monitor to the Web standard 2.2 gamma, not the Apple default of 1.8.
create your Web artwork in the sRGB color space (not Adobe RGB)
Save for Web.
You may still see some color shift when you save the image with no profile, but the above steps should minimize it.

Save for web 72ppi

running CS5 on a 64bit win 7 PC....
When I use the 'save for web' option and enable the 'include all the metadata info'
the saved image (jpeg) is not at 72ppi, which is clearly best for the web as that is apparently the idea resolution for our screens.
instead it saves it at 300ppi
(please no debate on 72ppi v's XXX ppi , there are enough posts on that as it is).
but if you disable the 'include metadata option' then the image saves as a 72ppi jpg as i require.
Does anyone have an answer to this.
there is no reason why an image cannot be saved at 72ppi and have metadata.
one assumes that the whole 'save for web' feature is about optimizing the image for that very reason.
this sounds like a bug to me ?

Sorry to disagree with some of the above...
there clearly are some useful facts listed.
but you have to ask with ref to the above, why did adobe bother with the 'save to web' option
if most of you seem to imply it really doesn't make any difference on your uploads.
well it does, i have a few photosharing websites
and some display the images very well others do not, they can look quite blurred.
i've been putting this down to resolution. (i've tried using the photo sites options of not adjusting file size
as clearly im aware their own scaling systems could alter the photo's appearance.
so what have i found.
well reducing the image to 72ppi and say 1000 pixels wide looks good online
as apposed to uploading the original which not only is a larger files size it also has different parameters.
you need a different approach to sharpening for online images than for print images.
hence back to the original, adobe implented this feature for a reason, we can all goto edit, image size in PS,easy
but adobe added this feature where you can choose 'bi-cubic sharpening etc etc.....
and this is why i want my metadata kept in place and 72ppi or 96 as stated above. which is why i still believe it to be a bug.
also this also acts as image license protector as i doubt 72ppi (1000 pixels wide) images would be much use in print for picture thiefs.
(72ppi is just a starting base point as i understand this goes back to CRT monitors, other displays can go higher though i doubt 300ppi)

Photoshop CS3 color management "Save for Web" problem

This problem is getting the best of me.......
After spending 3 full days researching this problem, I am no closer to finding an answer than when I started. I still cannot produce a usable image through the "Save for Web" feature of Photoshop CS3. I have read web page after web page of "Tips, Tricks and Recommendations" from dozens of experts, some from this forum, and still I have no solution... I am exhausted and frustrated to say the least. Here's the simple facts that I know at this point.
I have a web design project that was started in PS CS1. All artwork was created in photoshop and exported to JPG format by using "Save for Web". Every image displays correctly in these browsers (Safari, Camino, FireFox and even Internet Explorer on a PC).
I have recently upgraded to PS CS3 and now cannot get any newly JPG'd image to display correctly. My original settings in CS1 were of no concern to me at the time, because it always just worked, and so I do not know what they were. I have opened a few of my previous images in CS3 and found that sRGB-2.1 displays them more or less accurately. I am using sRGB 2.1 working space. Upon openning these previous image files, I get the "Missing Profile" message and of course I select "Leave as is. Do Not color manage". CS3 assumes sRGB-2.1 working space, opens the file, and all is well.
The problem is when I go to "Save for Web", the saturation goes up, and the colors change. The opposite of what most people are reporting. Here's another important point... new artwork created in CS3 does exactly the same thing, so it's not because of the older CS1 files.
I have tried every combination of "uncompensated color", "Convert to sRGB", "ICC Profile", etc. while saving. I have Converted to sRGB before saving, and my monitor is calibrated correctly.
I have tried setting the "Save for Web" page on 2-up and the "original" on the left is already color shifted before I even hit the "Save" button. Of course, the "Optimized" image on the right looks perfect because I am cheating by selecting the "Use Document Color Profile" item. Why do they even have this feature if doesn't work, or misleads you?
Does anyone have any ideas what could be happening here? Why is this all so screwed up?
CS1 worked fine out of the box.
Final note: I do have an image file I could send along that demonstrates how it is possible to display an image exactly the same in all 4 of the browsers I mentioned with no color differences. It is untagged RGB and somehow it just works.
I am very frustrated with all of this and any suggestions will be appreciated
Thanks,
Pete

>> First of all... I'm using an Adobe RGB image master... I open it and get the Profile Mismatch Screen... I choose Use Enbedded profile... all looks well. Next I go to Proof Setup > Monitor RGB... again all looks well, no change that I can tell.
This has further confused the issue on several points, not the least of which version PS you are doing this with?
>> AdobeRGB> Convert to Profile > Working Space sRGB-2.1... all still looks well... but now, when I go to Proof Setup > Monitor RGB... I see the insane oversaturated look that is driving me nuts.
That is your strongest clue...it sounds like you have a bad system or bad monitor profile. To rule out the monitor profile: Set sRGB as your monitor profile in System Prefs> Displays> Color.
>> Adobe RGB image master... I open it and get the Profile Mismatch Screen... I choose Use Enbedded profile... all looks well. Next I go to Proof Setup > Monitor RGB... again all looks well
That doesn't make sense, stripping an embedded AdobeRGB profile should desaturate the color in Softproof MonitorRGB, especially the reds -- you have something wacky going on there.
At this point I think you need to review the links and get a grip about how color management and profiles work...
BTW, forget about setting ColorSync in PS COlor Settings, use Adobe ACE.
MO,
I think SFW is fixed under CS3 :) By default it Converts to sRGB and strips the profile.

Using QuickTime Player's 'Save for Web' feature in iWeb

Similar Messages

Maybe you are looking for