Exporting photo slideshow for web

Hi I had a search but couldn't find the answer to my question.
I'm trying to use FCE4 to create slide shows of photos. I don't use video at all. I import the photos in TIFF format and after arranging them into a sequence and adding audio, effects, I then attempt to export them to the web.
Problem is the Quick time movie project that is exported isn't appropriate. It's either too large for the web (+60MB) or it is very low quality and not the same quality as I viewed in FCE.
I would like the size of the video be 1024x768, and I'm using Export using Quick Time conversion, and have experimented with the various setting for Quick Time Move including dial up internet, broadband high, or more detailed settings using TIFF compression. The manual isn't helping much...would appreciate your help!

It depends a lot on what level of broadband you expect the user to have, and whether the video has to play immediately. There are some natural sizes to use for the video, such as 1280x720, 960x540 or 640x360, and the frame rate ought to be 24, 25, or 30, depending on the source material.
Making it for medium to good broadband, and with wanting the video to play right away, you could do say 1280x720, 1 megabit per second, H264. It would look reasonably good. If you don't mind people having to download for a little while before the video can play, then take the data rate up to 3 mbps.
So, one way to look at that would be to use the AppleTV preset from QuickTime Player, then open that mp4 file and save as to mov (just to make your html task easier). It would look very good, but might take a bit of downloading time before it's ready to start playing.

Similar Messages

Exporting a slideshow for web viewing

Before recently switching to an Apple + Aperture, I was using Google's Picasa on a PC, which very easily allowed me to upload my pics which could then be viewed on the web as a slideshow. To date I have not found how to do this easily out of Aperture to my .mac account... and I'd be dumbfounded if such a basic feature is not available.
Can anyone reassure me that I don't have to go back to Picasa for this simple feature?
Thanks,

Actually you have more than the Quiktime option for exporting...
QuickTime is the technology that drives all multimedia on your Mac. Regardless of whateever format you choose to export from iPhoto it will always be a QuickTime file.
Distortion in this case means over-driven...i.e. clipping.
Try this basic fix: trash the com.apple.iPhoto.plist file from the HD/Users/ Your Name / library / preferences folder. (Remember you'll need to reset your User options afterwards. These include minor settings like the window colour and so on. Note: If you've moved your library you'll need to point iPhoto at it again.)
*What's the plist file?*
For new users: Every application on your Mac has an accompanying plist file. It records certain User choices. For instance, in your favourite Word Processor it remembers your choice of Default Font, on your Web Browser is remembers things like your choice of Home Page. It even recalls what windows you had open last if your app allows you to pick up from where you left off last. The iPhoto plist file remembers things like the location of the Library, your choice of background colour, whether you are running a Referenced or Managed Library, what preferences you have for autosplitting events and so on. Trashing the plist file forces the app to generate a new one on the next launch, and this restores things to the Factory Defaults. Hence, if you've changed any of these things you'll need to reset them. If you haven't, then no bother. Trashing the plist file is Mac troubleshooting 101.
Regards
TD

Exporting photo slideshow in mp4 hd format.

hi,
I want to export photo slideshow in hd. I had exported into quicktime h.264 hd but it doesnt support to my Samsung Led tv.
When i exported to mp4 h.264 photo quality gets ruined, everthing looks pixel.
I am using following setting:
h.264
full hd screen size 1920x1080 16:9
bitrate: 256kb/s
frame rate auto
i think problem is with bitrate....please tell me which bitrate to use for smooth video.

iPhoto 11 consists of several versions. What exact version do you have. Use the iPhoto ➙ About iPhoto menu option to get the exact version.
With iPhoto 9.5.1 the size ratio of the slideshow should be set to what you want in the slideshow Settings pane:
Then click on the Export button at the bottom and select the HD size you want to have:
With iPhoto 9.4.3 and earlier the following options are available:
The bit rate is at 7 Mbps.
iPhot0 9.5.1 doesn't specify the bit rate. However, I exoprted one to the desktop, opened the slideshow with Quicktime Player and checked the Info window for the bit rate and got this:
OT

4 questions on export/importing graphics for Web and Photoshop.

Hi, I have 4 questions here, and if you can answer one or more, I'd be happy!! :-)
1. In general, can there be a loss of quality when I export a file from Illustrator CS3 to Photoshop CS3, and then re-import it into Illustrator?
My guess is that you can switch applications with one single file, but you have to know what you're doing (any advise? I'm working with files that contain both text with either illustrated graphics or photos).
2. When I switch applications like that, which one is the final application I should save my final work from (for use in print and web)? Does this matter at all? (Example: I have text created in Illustrator. I export it into Photoshop and add a filter, and maybe a blured-layer of the the whole graphic.)
3. After completing the steps in the example above, and I do re-import it all back into Illustrator, the image appears with horizontal path-like blue lines, that let me slice the photo/text if I wanted to. Why does it do this and how do I get rid of those blue lines?
4. When exporting a file for web, what options are you setting for .gif and .jpg in order to NOT see its white background/frame around graphic?

1. Yes. The artwork will be rasterized to a fixed resolution in Photoshop. When re-imported it may appear the same, but it will have limited resolution on output, whereas Illustrator vector art has no (or infinite) resolution.
2. Depends on the artwork and what the client or printer has requested. If you can keep the text editable in Illustrator (blur and some Photoshop filters are available) then you'll have a more versatile and resolution independent file than you would if you switched to Photoshop. In the end, if the resolution of you art is adequate, it's up to you which is better for you to work with, based on your skills and experience. Keep all working files so you can make changes to artwork imported from one program into another.
Some features you might enjoy: You can place Illustrator files into Photoshop and make them Smart Objects. They remember they are Illustrator files and can be edited in Illustrator at any time. Rotate, scale, or distort the artwork in Photoshop and it is re-rendered a the PSD file's native resolution. In CS3 you can add filters to Smart Objects while keeping the vector data intact.
3. I have read about this, but as I'm not fully up on CS3 and don't have it installed on my main system I can't help.
4. To not see a white background for JPEG use a different matte colour. JPEGs cannot be transparent, so some colour must show where you want transparency. for GIF, the same applies, but you can turn on transparency. The artwork will be transparent, but the matte colour will determine how the anti-aliased edges are rendered. Use a matte colour that's as close to your expected background as possible or choose None. PNG 24 supports 8-bit transparency, which looks best of all, but is not supported by MS Internet Explorer versions 6 or lower.

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

Artwork shifting when exporting or saving for web?

Have been creating some simple icons in Illustrator (CS 5.5), but the artwork is shifting when I try to export. For example, I'll create a 30x30px artboard, draw the icon inside the artboard, end export as a PNG. When I do this, even though the artwork is completely within the bounds of the artboard (no drop shadows or anything like that that would extend outside the artboard), there is some slight clippling that occurs in the exported icon. It's like Illustrator is shifting the artwork to the right and/or down 1 pixel as it exports. Any ideas what might be happening here?
In the meantime, as a work-around I've just been copying the artwork from Illustrator, pasting it into a 30x30px canvas in Photoshop, pasting the artwork, adn then doing Save for Web. This works fine, but is an extra step that I'd rather not have to do.

Jacob,
I tried enabling "Use Preview Bounds" as you suggested, but it still showed everything within the artboard. This was as expected since I set the button stroke for inside alignment rather than centered alignment when I created it.
I've attached an image showing the icon in 3 states. The left most image is the icon as it appears in Illustrator shown within the artboard. Actually the artboard was created by clicking on the icon. When "Use Preview Bounds" was enabled, it lined up perfectly with the artboard lines. The middle image shows the icon in the Save for Web dialog preview. You can see that it already looks shifted. The last image on the right shows the exported icon where the right and bottom edges looked cropped.
As I mentioned, if I create a 30x30px canvas in PS, copy the artwork into it, and export using Save for Web for PS, it looks fine.
Thanks for your help, BTW.

Photo slideshow for webpage

Please help -
When visitors open my homepage (I'm using Dreamweaver 8) I
want them to see an image that changes (like a slideshow). Is Flash
the best thing to use? I have tried using the photo slideshow
template from Flash, but find that it is still necessary for my
users to click the arrows in the "controller" in order to begin
viewing the images. Is there a way to have the slideshow begin
immediately and then continue looping?
Thank you much for your expertise - it is much
appreciated!

[email protected] wrote:
I use resolution 72 which is really ugly if printed... I think watermark is distracting to the viewer
Also, the Kodak "golden standard" 778x517 is often used for this purpose. While it's pretty close to 800x600, supposedly it displays a bit faster, especially true for slower systems
As Rikk previously mentioned, the file export specification of "resolution" whatever the number (even 72) has no bearing on someone's ability to make a print from the file at whatever resolution they choose (within the limits of the pixel dimensions you make available); it's the pixel dimensions that will limit printed size/quality. Perhaps you meant that you use a jpeg "quality" setting of 72, which is indeed fairly low. That might even be set even lower to enable reasonably good web display yet discourage printing.
As to use of watermarks, yes, I agree they can be distracting, but not necessarily. A watermark can be chosen that is a compromise--minimally distracting yet prominent enough to discourage some (maybe not many?) from making a print.
As to the supposed (Kodak) "golden standard 778x517" : I wonder if you are thinking of 768 x 512? In any case, it's certainly not in any way a unique dimension that offers a special advantage in display speed. Sure it should load "a bit" faster than 800x600 since it contains a smaller number of pixels.
Phil

Exporting PDF format for web viewing, fonts look bad

Hey everybody I'm relatively new to indesign so sorry if this is a simple one. I'm doing a newsletter in indesign, which will be used stricktly for web viewing. Whenever I export the file as a pdf the body text fonts look a bit off, as though they are slightly pixelated around the edges. This is not as noticable in the artcile titles with larger font, but any smaller font (i'm using size 14, and futura book) and it gets this pixelation, it is even more noticeable in the thinner type sets of the font. Another odd thing is the first page of the newsletter the fonts are more messed up looking than the following pages where the same font types and sizes are used, the only major difference is the first page has a photo on it, but the fonts that look weird are below the photo not overlaying it or anything like that. I turned off all the compression on the pdf export, also tried it will varying amounts of compression but still have the same issue. And I am viewing this in Mac's Preview program, not acrobat.

Ok, just checked through all the flattening preview highlights and everything looked fine in that. Since my exported document looked perfectly fine in acrobat, but sort of pixelated in mac's preview, is there any way around that?
If you are serving the PDF via a web address it will very likely be viewed in a browser (not downloaded and opened in an app like Preview or Reader). All of the browser displays have slightly different anti-aliasing, which you can see if you zoom in on a screen capture of the text. Here's a line of text from your PDF at 100%, magnified to 400% in Photoshop. From top to bottom Safari, Chrome, Firefox:
There's nothing you can do about the anti-aliasing quality of the different browsers and apps. The PDF you posted has live transparency, so it isn't a flattening issue.

Exporting photo slideshow - HELP!

I've been trying to export my photo slideshow with final cut express 4, and every combination I've tried always comes out blurry when the photos have movement. I was able to export them clearer on imovie. There must be a way to import photos, give them movement and export them somewhat clearly. Can someone please let me know what they have done to achieve this.
Thanks,
David

Thanks for all you help Tom. However, It doesn't seem to be working. I just did a short 5 photo project with new photos and the result was the same using the previous steps - Blurry when in motion and clear when stopped. Do you know anyone who has had success with a photo slideshow with movement to view? Have you tried making one and burning to dvd.
Thanks again for all your time and help. For some reason this is trickier than it looks.
David

Embedding a photo slideshow to web page

Hello my name is tom.
Im looking for any and all help that can be given. I recently took on a project of putting up a website for a friend. I will be the first to admit I
am NOT a programmer or coder. and some stuff is very confusing. Anyway I want to embed a photo slideshow (made from fireworks cs4)
into a web page. What I actually wanted to know is how to edit the files created to get it to work on the webpage.
It (fireworks) created three files and two folders with the photos and thumbnails in them which are ---- index.html, black_player.swf and slideshow.xml
im trying to explain it the best I can (bare with me) If someone could explain in detail what to and how to edit I would grealty appreciate it.
I have tried and got as far as getting the the player to come up. but no images in it. One thing I do know I cannot put the html file in the public_html folder
cause I'm not running the player off the main page. I actually want to run it off a sub folder public_html/Gallery/RFL the images folder is inside this folder also. please please help me!!
Some info if it will help
The site is http://www.sluggos-inc.com it's not up yet.
Oh yeah I have the site set up as frames I would like this player to play in the main.html frame. the template i included might work I think all the graphics point to the server so it should.
Thanks in advance if anyone could help.
Thomas

I've never used the slideshow feature in FWs, but due to the large number of questions here and on the Fireworks forum I decided to give it a go :-)
When I created the slideshow I was asked where I wanted to create it, so I choose a folder on my desktop.
It created:
Scripts folder
Images Folder
Index page
player_black (the skin for the Slideshow)
slideshow xml
You can always change the location of the folder where the slide show is created, that is - create the slideshow into a sub folder of your working site files. That way there will be need to move any files around as I descibe below.
However, what I did was:
I copied all those folders/files into a sub folder of a defined Dreamweaver site named: Gallery
I then opened the Gallery folder within Dreamweaver and found the index page and opened it, viewed in a browser and had no problems with viewing any of the slideshow - images were all in tact.
You need to be careful that when you move all your files that you copy *all* the folders and files that were generated when you created the slideshow. Also, when you upload the slideshow make sure that you upload *all* the files (as created above) to the remote server - that includes the scripts folder.
You do need to be careful when moving the files that you don't move them into the root of your defined site, otherwise your original index.html page will be overwritten by this newly created index.html which is the slideshow page.
The best method would be to initially create the Slideshow directly into a subfolder of your site, that way, if you ever need to update the slideshow, fireworks will know where your original files were saved to. Otherwise, you may find that you won't be able to edit the original working files as the links may be broken or whatever.
Hope this helps a little :-)
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Photo slideshows for iDVD - iPhoto or iMovie?

I posted before because I encountered errors when I created a DVD that incorporated photo slideshows and movies. The slideshows were created in iDVD and the movies in iMovie. The dvd was full, and on the one occasion that the burn was "successful", the photos for the menus were randomly re-arranged (and the audio for one movie was assigned to the wrong video). On other occasions, I encountered the dreaded multiplexing error (format error after 5 1/2 hours of encoding). I understand from some of your comments that my DVD is too packed (14 menus and submenus, 9 slideshows, 15 short movies) to encode properly. So I am starting all over and will try to simplify it this time. My question is: which application is best to make slideshows - iPhoto or iMovie? Is one application more stable than the other and less likely to encounter encoding issues? These photos and videos are from a 10 day family trip and I can't really eliminate anything but bells and whistles. Any advice is appreciated - I am grateful that there are so many experienced users willing to help novices like me.

My question is: which application is best to make slideshows - iPhoto or iMovie?
From what I read in the Apple Discussions and my own observations, it seems that both iMovie and IDVD, along with iPhoto, have their strengths and weaknesses. This is what I have found so far:
The default Ken Burns effect in iPhoto is much more pleasing than the one in iMovie. In iPhoto, the zoom and pan are varied; in iMovie, the effect is simply a zoom in. The iMovie Ken Burns effect can become very tedious when applied to a large number of photos. To vary the effect manually can also be a very time-consuming.
iMovie has the advantage providing a means to add text to the photos with a variety of special effects. I haven't found this option in iDVD. With iMovie it is possible to edit music. I have read a few posts that stated the iDVD will produce a better quality image when imported directly from iPhoto as opposed to one created by iMovie.
For more advice and info, check out: http://discussions.apple.com/thread.jspa?threadID=1326098&tstart=0
I hope this helps.

Adobe Tools - Best Photo Format for Web Content

Hi,
We have recently redesigned our website at http://www.aljoufilaw.com/ar/ and inserted photos in the homepage and its sub-pages.
Our concern is that we want to have the photos in the best quality and with high resolution. What is the best photo format to achieve this? We had converted our photos in Photoshop to JPEG and PNG.
Does increasing the resolution in Photoshop by going to image>image size>resolution, helps the quality of the photo in the website?
We appreciate your expert advice and opinion on this.

No. Resolution is a print concept which has no real meaning on the web. What matters on the web is height & width in pixels (500 x 325).
Even if you save images at 300 dpi for print, they will be displayed in web browsers at 72 ppi (or slightly higher in HiDef displays).
Higher bandwidth (file size) just makes your images load very slowly with no significant gain in quality.
In Photoshop, use File | Save for Web & use the 4-up tab to compare file size with image quality. Rule of thumb on the web is to use optimized JPGs for photos and select the smallest file size you can get away with, then back off a tad.
See screenshot from Photoshop.
Nancy O.

Export or save for web crops artwork incorrectly

Illustrator incorrectly crops artwork too small by a few pixel when using Save for Web or Export. If you fit an artboard to your artwork, either manually using smart guides or by using the "Fit to Selected" command, it will look correct in the work area but when you go to Save for Web it will be noticeably truncated on the right and bottom sides. If all the artwork is supposed to be within the artboard then toggling "Clip to Artboard" will actually change the size of the exported image by 1 or 2 pixels when it shouldn't change at all. Can somebody confirm that this is a bug?

Which version of Illustrator are you using ?

Exporting HD video for web

What settings should I use to compress a HD video for web?

It depends a lot on what level of broadband you expect the user to have, and whether the video has to play immediately. There are some natural sizes to use for the video, such as 1280x720, 960x540 or 640x360, and the frame rate ought to be 24, 25, or 30, depending on the source material.
Making it for medium to good broadband, and with wanting the video to play right away, you could do say 1280x720, 1 megabit per second, H264. It would look reasonably good. If you don't mind people having to download for a little while before the video can play, then take the data rate up to 3 mbps.
So, one way to look at that would be to use the AppleTV preset from QuickTime Player, then open that mp4 file and save as to mov (just to make your html task easier). It would look very good, but might take a bit of downloading time before it's ready to start playing.

How do I save/export a slideshow for showing on a DVD player?

What are the magical settings that let me create a DVD of an iPhoto slideshow, so I can play it in my DVD (Blu-Ray incidentally) through my flat-screen TV?

Export the slideshow out of iPhoto as a QT movie file via the Export button in the lower toolbar. Select Size = Medium or Large.
Open iDVD, select a theme and drag the exported QT movie file into the open iDVD window being careful to avoid any drop zones.
Follow this workflow to help assure the best quality video DVD:
Once you have the project as you want it save it as a disk image via the File ➙ Save as Disk Image menu option. This will separate the encoding process from the burn process.
To check the encoding mount the disk image, launch DVD Player and play it. If it plays OK with DVD Player the encoding is good.
Then burn to disk with Disk Utility or Toast at the slowest speed available (2x-4x) to assure the best burn quality. Always use top quality media: Verbatim, Maxell or Taiyo Yuden DVD-R are the most recommended in these forums.
If iDVD was not preinstalled on your Mac you'll have to obtain it by purchasing a copy of the iLife 09 disk from a 3rd party retailer like Amazon.com: ilife 09: Software or eBay.com. Why, because iDVD (and iWeb) was discontinued by Apple over a year ago.
Why iLife 09 instead of 11?
If you have to purchase an iLife disc in order to obtain the iDVD application remember that the iLife 11 disc only provides themes from iDVD 5-7. The Software Update no longer installs the earlier themes when starting from the iLIfe 11 disk nor do any of the iDVD 7 updaters available from the Apple Downloads website contain them.
Currently the only sure fire way to get all themes is to start with the iLife 09 disc:
This shows the iDVD contents in the iLife 09 disc via Pacifist:
You then can upgrade from iDVD 7.0.3 to iDVD 7.1.2 via the updaters at the Apple Downloads webpage.
OT

Exporting photo slideshow for web

Similar Messages

Maybe you are looking for