Saving images for dreamweaver

I would appreciate any help in saving images for dreamweaver.
The images are optimized in Photoshop and are saved as jpeg's with
a quality of 60. Image sizes are 400 by 600 pixels. When viewed on
the web, the images look fuzzy. Can anyone give me any directions?
Are the original images not saved in a high enough resolution after
editing? I would appreciate any help at all.
Thanks.
JC

I had the same problem !!
When you export from fireworks 8, by shure you select in the
optimize panel
"JPEG - Better Quality" and JPEG in the second box. This
solved my problem,
and I hope your problem
www.samdesign.be
"jaycee911" <[email protected]> a écrit
dans le message de news:
f1g2k2$oth$[email protected]..
>I would appreciate any help in saving images for
dreamweaver. The images
>are
> optimized in Photoshop and are saved as jpeg's with a
quality of 60.
> Image
> sizes are 400 by 600 pixels. When viewed on the web, the
images look
> fuzzy.
> Can anyone give me any directions? Are the original
images not saved in a
> high
> enough resolution after editing? I would appreciate any
help at all.
>
> Thanks.
>
> JC
>

Similar Messages

Saving Images for Web

Hi,
Whenever I save images for the web they seem to loose the richness of their color. I've not noticed this until working on a particular project that involves resizing and preparing images of artwork for a website.
The images are in sRGB color profile and I am "saving for web and devices" with ICC checked and optimization at 70. Still, the images look a bit faded overall. Is there anything else that I can do to retain the color?
Thanks!

I am wondering why my advice was any worse than yours. I admit I mistakenly suggested Monitor RGB instead of Windows RGB but as far as I know sRGB is the default for most monitors. This would put them all pretty close. Am I missing something?
I would think that having someone set the images with icc profiles and then adjusting their own browser to correctly display such images would cause the exact same problem you say my solution does. It would give the image editor an impression of the image that nobody else is going to see. I don't know anyone that uses icc profiles for web work. In general I don't think you will find many people who have set their browsers to correctly view images that have these profiles. So it seems like someone that has will be thinking the images look great on their system but not on someone else's.
If someone may eventually repurpose these for print then worry about icc profiles for the printer. It seems like a huge waste of time for anything that is purely on screen.
I am not trying to battle with you over who is correct I just want to understand what your saying.

Trouble saving images for web in CS3

Hello All,
I am trying to make buttons, etc. in Illustrator CS3 then saving them for web stuff as either gif's or jpg's. Everything was working fine for a while - the images and text looked great. Mid project the images and text started becoming super pixilated. No matter what type of image I tried to save it as, or what quality they're set to they're very jagged, grainy and awful looking! I don't think I've changed any setting and wracked my brain and the forums, FAQ's, help for a solution to this. Just seems like it came out of nowhere!
Thanks in advance for any advice and councel!!

I am wondering why my advice was any worse than yours. I admit I mistakenly suggested Monitor RGB instead of Windows RGB but as far as I know sRGB is the default for most monitors. This would put them all pretty close. Am I missing something?
I would think that having someone set the images with icc profiles and then adjusting their own browser to correctly display such images would cause the exact same problem you say my solution does. It would give the image editor an impression of the image that nobody else is going to see. I don't know anyone that uses icc profiles for web work. In general I don't think you will find many people who have set their browsers to correctly view images that have these profiles. So it seems like someone that has will be thinking the images look great on their system but not on someone else's.
If someone may eventually repurpose these for print then worry about icc profiles for the printer. It seems like a huge waste of time for anything that is purely on screen.
I am not trying to battle with you over who is correct I just want to understand what your saying.

Saving Images in Dreamweaver CS6

I have imported a menu that I created in Fireworks CS6, into dreamweaver cs6, I save to the remote server and you can't see anything.
Same thing with Bridge CS6. I create a slideshow and import into dreamweaver cs6 and still nothing. Or I will simply put a jpeg or png picture file and the image won't show. Please help
I just need to know how to save the different images/menu bars in dreamweaver cs6 to the remote server, and I would like it to show online automatically. What do I do
www.uniquehairytage.com   (this is one of the sites I am talking about)

I can only assume that it's the dodgy code that exports from Fireworks because your images are uploaded and in the correct place.
Can you copy all of the code below and paste it into a new Dreamweaver document (you'll have to open code view to do this) save it as test.html and upload it to your remote server and then look at it in a browser and see what happens?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unique Hairytage</title>
<style type="text/css">
.UNDER {
    color: #FFF;
    font-size: 36px;
.F {
    text-align: center;
.F {
    color: #FFF;
.F {
    font-size: 36px;
.F {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
.F {
    font-family: Georgia, "Times New Roman", Times, serif;
.if {
    font-size: 24px;
.tab {
    font-family: Georgia, "Times New Roman", Times, serif;
.if {
    font-size: 24px;
.tab {
    color: #FFF;
.if {
    text-align: center;
.if {
    text-align: center;
.t {
    font-size: 24px;
.p {
    color: #000;
.t {
    font-size: 24px;
.web {
    font-size: 36px;
.full {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #633;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body bgcolor="#CCCCCC" onload="MM_preloadImages('BrandyMenu_r2_c1_s2.png','BrandyMenu_r1_c1_s2.jpg','BrandyMenu_ r1_c2_s2.jpg','BrandyMenu_r1_c3_s2.jpg','BrandyMenu_r1_c4_s2.jpg')">
<p class="full"> </p>
<table width="1052" cellpadding="0" cellspacing="0" border="0" bgcolor="#fff" style="margin: 0 auto;">
<tr>
<td>
<p><img src="http://www.uniquehairytage.com/Untitled-2.png" width="1052" height="93" /></p>
</td>
</tr>
<tr>
<td>
Delete this text - its just proping open a table cell
</td>
</tr>
<tr>
<td><table width="420" cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<tr>
<td><a href="http://www.uniquehairytage.com/home.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c1','','BrandyMenu_r1_c1_s2.jpg',1);"><img name="BrandyMenu_r1_c1" src="http://www.uniquehairytage.com/BrandyMenu_r1_c1.jpg" width="105" height="38" id="BrandyMenu_r1_c1" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c2','','BrandyMenu_r1_c2_s2.jpg',1);"><img name="BrandyMenu_r1_c2" src="http://www.uniquehairytage.com/BrandyMenu_r1_c2.jpg" width="128" height="38" id="BrandyMenu_r1_c2" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c3','','BrandyMenu_r1_c3_s2.jpg',1);"><img name="BrandyMenu_r1_c3" src="http://www.uniquehairytage.com/BrandyMenu_r1_c3.jpg" width="150" height="38" id="BrandyMenu_r1_c3" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c4','','BrandyMenu_r1_c4_s2.jpg',1);"><img name="BrandyMenu_r1_c4" src="http://www.uniquehairytage.com/BrandyMenu_r1_c4.jpg" width="128" height="38" id="BrandyMenu_r1_c4" alt="" /></a></td>
</tr>
</table></td>
</tr>
</table>
<table width="1052" height="217" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#FFFFFF"><p> </p>
<p> </p>
<p align="center"><span class="full">FULL SERVICE HAIR STYLIST</span></p>
<table width="753" border="0" align="center">
<tr>
<td width="296"><img src="http://i339.photobucket.com/albums/n457/scervantes-01/Brandypic.jpg" width="296" height="481" /></td>
<td width="447" align="center" valign="top"><p class="tab"> </p>
<p> </p>
<p class="tab"> </p>
<p class="t"> </p>
<p align="center" class="t">530-415-5524</p>
<p align="center" class="tab"><a href="mailto:[email protected]" class="t">[email protected]</a></p>
<p class="tab"></p></td>
</tr>
</table></td></tr>
</table>
</body>

Saving Images for Quick Load

I have several images (too many in my opinion) that are on
one page. The page seems to take a long time to load. How should I
be saving the images. Some are just gradients and patterns others
are images, and others are images with text. I know there is some
trick so if anyone could help I'd appreciate it.
Thank you.

I don't see anything problematic there other than the immense
size and
weight of your pattern backgrounds (1000x1000 @ 234K, and
1200x1100 @ 284K).
Why are you using what appear to be duplicate images, and why
do you not
tile this background instead of bogging the page down with
these big ones?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"new dreamweaver" <[email protected]> wrote
in message
news:gq99bm$ck8$[email protected]..
> Sorry, didn't know if the url would be useful, here is
the page I am
> talking about:
>
> www.lotusvalleydesigns.com/meixnerconstruction/home.html
>
> Thanks again!

Preparing images for Dreamweaver cs3, using InDesign for templates

Hi, I'm about to start putting all my files together for my
website, but need to know in what form to save my images. I know
they should be jpegs or gifs, but what resolution, and what size?
Should I size them close to the size I want to see them on my
website? For example if I want to make a little linked (like a
thumbnail that you click on) image of a painting, and have the full
size image of that painting open up, should I save that image in
two different sizes?
Also, the tutorial I'm learning from says I can make a
template for use in Dreamweaver, with Photoshop or Illustrator, but
I'd rather use InDesign. Can I use InDesign files as templates in
Dreamweaver? If so, in what form should I save them?

> Can I
> use InDesign files as templates in Dreamweaver?
it won't be of any practical use, except to print out and use
as a guide.
on the images, make them the PIXEL size they need to be in
the web page.
If you aren't sure yet what exact size they will be, make
them a bit
oversize. Then after changing the html display size of them
in dreamweaver
(click on the image, then press shift key and drag corner of
image to
resize) you can jot down the pixel size shown in the dw
properties
inspector, and resize the image in an image editor to those
pixel
dimensions. For a resolution, just use 72 ppi as a number to
put there.
It's the pixel dimension that matters.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Saving images for web - is there an aperture equivalent to adobe sfw?

I'm the web designer for a small school. Aperture has been a godsend for keeping track of my work, but I want to learn more about how to use it. I want to pick the brains of you web designers out there...
When I export an image to save to our webpage, I usually use Photoshop CS2's "Save for Web" dialogue. This works, but means I have to export out of aperture, open in photoshop, then save for web. I'm trying to streamline the process and was hoping there's a way to do this in aperture. Let me give you a scenario...
If I export an image in ps that is 400x400 at jpeg quality 7, it is ~30KB in size. If I use aperture's "Export Version" and check 400x400, no metadata, jpeg 7, I get a 100KB file. This is no good for my web pages. So... is there something in there that will get me the same small files, or am I stuck with adobe???

Interesting, yes - Aperture's export appears to create resource forks for the files. I'm guessing this is to hold the preview image.
I've just exported some images, and in the Terminal, with 'ls -l', they show up as 17k. In the Finder, they're 76k.
I created copies using 'ditto --norsrc', and the copies are now the smaller size in the Finder too.
Quentin

Data type for Saving Image in SQL database

Hi,
Which is the best way for saving images in the database? Filestream or Varbinary(max)?. Will the Varbinary max comsume much space or it will only take the actual size of the data?

I've used FILETABLE for storing images in SQL 2012
You can configure it to have transact and non transact access if you want
see
http://visakhm.blogspot.in/2012/07/working-with-filetables-in-sql-2012.html
Please Mark This As Answer if it solved your issue
Please Mark This As Helpful if it helps to solve your issue
Visakh
My MSDN Page
My Personal Blog
My Facebook Page

Don't want new tiff files saved in my catologue if I'm only using the image for a composite.

When editing in Photoshop CS4 from LR3, the new tif will not appear in the catalogue unless I save it in PS. In LR4 it saves a new tiff in my catalogue regardless if I save the edited image in PS or not. I have a cloud library I use often and do not want new files saved in my LR catologue if I'm only using the opened image for compositing. Can anyone help me figure out how to change the workflow to be like LR3?

-Agfaclack- wrote:
i think adobe should support new cameras for older CS versions too.
in the end PS is expensive enough to justifie a better support.
How far back would you go? One version? Three? Where should the line be drawn? Adobe draws the line at the currently shipping version...it's now CS5 and shortly it will be CS6.
Even if Adobe were to do this, you do realize that trying to put new plug-ins into older software is really tough. For example on the Mac, Photoshop CS5 requires that the plug-in be written in Apple's Cocoa API. Camera Raw 5 required a major update to be able to run in Cocoa...retrofitting Camera Raw 5 to run in a PPC platform (supported by CS3/CS4 but not supported by CS5) would be difficult–a lot of work for zero return. As a result of the engineering challenges of backwards compatibility Adobe has the policy of only updating currently shipping software to current customers. Truth be told, if you don't have the most recent version, you are not a current customer...you are a former customer. Having Adobe spend R&D engineering backwards compatibility to support former customers would take resources away from supporting current customers. As a current customer, I wouldn't like that.
But it's all a moot point because I don't see any evidence that Adobe is going to change this policy for backwards compatibility. In fact, going forward, Adobe is already announced the change to Photoshop upgrade rules allowing only the most recent version to be upgraded to the new version. Because of the reaction that only CS5/5.5 could upgrade to CS6, Adobe blinked and now has given a grace period till the end of 2012 for CS3 & CS4 users to upgrade to CS6.
Again many people don't like this, but as a pro user of Photoshop, I always upgrade anyway so it has no impact on me. Yes, it will bite some people and I can have sympathy, but again, you always have the free DNG Converter to use in the case you need new camera support. And hey, the new cameras come with software to process their raw files, right?

I'm a photographer looking for a good (detailed) resource that will inform me of specifically how I should be saving my images for print/online

I've been working in photoshop for years but I've always gotten a bit lost on exactly what size I should be saving my photo's for optimal quality.
I basically need a good website that will go over all the aspects of saving images as a photographer, but if you can answer these questions that will also help.
• What size/resolution should I save if I am giving the client images on a disk for them to print?
• What size/resolution should I be saving photo's just for online viewing?
• How come when I place my image (saved at 4in x 6in) into a new document that is (682px x 459px) the picture is pixelated?

Perhaps the best resource for all things digital media related, especially when it comes to best practices in the industry is
dpbestflow.org
Specific answers to your 3 questions:
-generally, 300ppi at the final print size is good enough in most cases. If they are printing the image very large, like a poster or billboard image, then the print size at a lower resolution can be acceptable since it's being viewed from further away. Either always get the specs from the printer for what size/resolution they require, or just give them your full-sized original image, since that's all the pixels they can possibly have to work with.
-depends on every individual's monitor settings. If you supply an image that is HD-sized at 1920x1080, and they're using a monitor with a resolution at that size or greater, the whole image will fit on their screen. If their monitor resolution is smaller than that, your image will be bigger than they can display. Browsers, website coding, monitor resolution, all factor into how these will display on each individual computer. If you want the whole image to display within a browser window then you'll want your total pixel dimensions to be smaller than the average person's monitor resolution (unless you want them to be able to zoom in and see all the detail of your full-size image, then you would upload the full image and let your website do whatever it does to display smaller/thumbnail versions which can then be clicked on to open up the full-res version. Note, the actual resolution, e.g. 300ppi, doesn't factor into monitor display. PPI means it will PRINT that many pixels per inch of paper, and has nothing to do with how it will display on monitors which only concern themselves with pixel dimensions.
-682x459 is a rather small size. Of course it will lose detail. Just imagine if you scaled your image down further into a 10x10 pixel image. You'd have 100 pixels to make up all the detail in your image. Lots of detail will be lost since you've got a lot fewer pixels to make up the image.

How to create an image marquee for Dreamweaver

Hello,
I would like to know the best image tool to use for a Dreamweaver homepage site to create a simple three images marquee? Should I use Photoshop, Flash or fireworks? Which application is the simplist way to do this? I am a beginner using Dreamweaver 5.5. Take a look at this site to see what I am trying to do. http://www.eventcouturempls.com/home

The one you linked to uses Flash, but you can easily create one without Flash. Google image slider and you will get plenty. A couple I have used and liked are nivoslider and WOW slider. They both run off jQuery.
To put the slider on a homepage, you will use a combination of Photoshop/Fireworks (for the images) and Dreamweaver to code the slider into your page.

I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

Just go back in photoshop and use the Slice Select tool, then just click and select the slice and hit delete - if you're not sure which one is the active slice just right click and find the one that has the Delete Slice option.
It's possible you either added the slices by accident or if you received it from someone they just had the slices hidden. For the future, you can go to View > Show > Slices to display (or hide) slices.

Does ne1 now the html code to set a background image=non repeat, center for dreamweaver or where to find it?

Im trying to set up an about me page like that of myspace.com
i know that in myspace you can set the background image center non
repeat can this be done as will with dreamweaver?

Hello,
Yes, it can be done using CSS.
You can place this in your code, right before </head>.
Just substitute your image for mypicture.jpg.
<style type="text/css">

</style>
-OR-
You can also do this using DW's dialog boxes (like a wizard).
If you have DW8 or CS3...or MX2004 if memory serves, you can
right click on
your page in design view.
Select CSS Styles > New
A CSS Rule dialog box opens.
Select tag, then in the tag box, type body.
You can select whether you want to add the CSS to this page
(like the code
above) or to a stylesheet linked to this page. If you are
going to use CSS
on multiple pages, it's a good idea to use a stylesheet. Then
you can make
changes in one place that affects all the pages linked to
that stylesheet.
When you click OK, a new box will open where you can define
your CSS.
Select "background" from the sidebar, and the fill in areas
are pretty self
explanatory.
I hope that helps.
Take care,
Tim
"Jimtheman2000" <[email protected]> wrote in
message
news:fo84t1$je9$[email protected]..
> Im trying to set up an about me page like that of
myspace.com i know that
> in myspace you can set the background image center non
repeat can this be
> done as will with dreamweaver?

ANNC: Image Gallery Magic for Dreamweaver and Fireworks

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver-Fireworks users:
Image
Gallery Magic by PVII - the leader in creative Dreamweaver
extensions.
Create image galleries from from inside Dreamweaver - in
Windows or OS
X - using the Fireworks processing engine. Image Gallery
Magic can
create the entire layout for you or you can insert a gallery
into an
existing page. While Image Gallery Magic is powered by
thoroughly modern
CSS and Scripting, we've taken great pains to ensure that
your gallery
will work in all modern browsers (on all operating systems)
and some key
older browsers, such as IE5.x (Windows and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
Al Sparber
PVII
http://www.projectseven.com
"Designing with CSS is sometimes like barreling down a
crumbling
mountain road at 90 miles per hour secure in the knowledge
that repairs
are scheduled for next Tuesday".

I just don't want to be standing below that one! 8)
Thanks, Peter - they've been at it for a while.
Thanksgiving of 1977, my girlfriend (now wife) and I spent
the holidays with
them in Yellowstone Park (Gardner, MT) 'shooting' the bighorn
rams 'duke it
out' during rutting season. I have to say, that was quite a
spectacular
experience. Seeing those guys butt heads from as close as
several hundred
yards away was awesome. The impact was still as load as a
shotgun....
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
==================
"PJR" <[email protected]> wrote in
message
news:[email protected]...
> Wow Murray, I'm impressed. I had no idea you had such
talent in the
> family.
> Some truly stunning images. I like #34 in the Wildlife
gallery. No idea
> what
> it is but it/he/she looks to be in a bit of a pickle :-)
>
> Peter
> _________________________
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
> | STUPENDOUS!
> |
> | See here -
> |
> |
http://www.wildimages.biz
> |
> | --
> | 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
> | ==================
> |
> |
> | "Linda R." <[email protected]> wrote in message
> | news:[email protected]...
> | > It's amazingly amazing. :-)
> | >
> | > --
> | > Linda Rathgeber ACE ::: PVII
> | >
http://www.projectseven.com
> | > Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
> | > CSS Newsgroup:
news://forums.projectseven.com/css/
> |
> >
> | > Adobe Community Expert - Fireworks
> |
> >
> | > Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm
> |
> |
>
>

Saving two dimensions od image for web

Hi there,
I have made script (with your help ) to export images for web with dimensions 300x300 px. Now I want that my script do one more resize of that files so that i get two files one 300x300 and another 66x66 px. I will post my script and ask you to hel me find the bug
And one more question. My script exports file name + jpg but it also keeps orginal extension so I get ie. FileName.psd.jpg
can you help me fixing this in my script... else is fine...
thank you,
Voah
Edit:
In the meen time I managed to resolve the problem so here is the new script
But I have one more thing I would like to do. I have to manually make folder "300x300 and "66x66" or my script stops. How coud I make that script make that folders? (under inputFolder/300x300/ and inputFolder/66x66/)
// Save current dialog preferences
var startDisplayDialogs = app.displayDialogs;
// Save current unit preferences
var originalRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
var inputFolder = Folder.selectDialog("Select the input folder");
//var outputFolder = Folder.selectDialog("Select the output folder");
ProcessImages();
function ProcessImages() {
var filesOpened = 0;
//   if ( inputFolder == null || outputFolder == null)
     if ( inputFolder == null) {
            alert("No source folder selected");
//     if ( outputFolder == null) {
//       alert("No output folder selected");
//else{
var fileList = inputFolder.getFiles();
for ( var i = 0; i < fileList.length; i++ ) {
       if ( fileList[i] instanceof File && ! fileList[i].hidden) {
                 open( fileList[i] );
                 ResizeImage();
                 filesOpened++;
return filesOpened;
function ExportPng(filePrefix, fileSuffix){
try
var docRef = app.activeDocument;
var docName = app.activeDocument.name.slice(0,-4);
var saveOptions = new ExportOptionsSaveForWeb();
saveOptions.quality = 70;
saveOptions.format = SaveDocumentType.JPEG;
saveOptions.optimized = true;
docRef.exportDocument(File(app.activeDocument.path+'/300x300//'+docName+'.jpg'), ExportType.SAVEFORWEB, saveOptions);
catch (e)
alert("Error encountered when attempting to save the image. \r\r" + e);
return;
// funkcija export 2
function ExportPng2(filePrefix, fileSuffix){
try
var docRef = app.activeDocument;
var docName = app.activeDocument.name.slice(0,-4);
var saveOptions = new ExportOptionsSaveForWeb();
saveOptions.quality = 70;
saveOptions.format = SaveDocumentType.JPEG;
saveOptions.optimized = true;
docRef.exportDocument(File(app.activeDocument.path+'/66x66//'+docName+'.jpg'), ExportType.SAVEFORWEB, saveOptions);
catch (e)
alert("Error encountered when attempting to save the image. \r\r" + e);
return;
function ResizeImage()
if (app.documents.length > 0) {
    var docRef = app.activeDocument;
    var n = docRef.pathItems.length;
        if((n>0)&&(docRef.pathItems[0].name!="Work path" )) {
             docRef.pathItems[0].makeSelection();
             docRef.selection.invert();
             docRef.selection.clear();
             docRef.selection.deselect();
   function fitImage() {
var docRef = app.activeDocument;
docRef.trim()
var docWidth = docRef.width.as("px");
var docHeight = docRef.height.as("px");
if (docWidth / docHeight > 4.8)
    docRef.rotateCanvas (315)
    docRef.trim()
else if (docHeight / docWidth > 4.8)
    docRef.rotateCanvas(45)
    docRef.trim()
if (docWidth < docHeight)
          docRef.resizeImage(undefined, UnitValue(270,"px"), 72, ResampleMethod.BICUBIC )
      else if (docWidth > docHeight)
                      docRef.resizeImage(UnitValue(270,"px"),undefined, 72, ResampleMethod.BICUBIC )
      else if (docWidth == docHeight)
                docRef.resizeImage(UnitValue(270,"px"),UnitValue(270,"px"), 72, ResampleMethod.BICUBIC )
docWidth = docRef.width.as("px");
docHeight = docRef.height.as("px");
if (docWidth < docHeight)
                    docRef.resizeCanvas(UnitValue(300,"px"), UnitValue(300,"px"), AnchorPosition.MIDDLECENTER);
      else if (docWidth > docHeight)
            docRef.resizeCanvas(UnitValue(300,"px"), UnitValue(300,"px"), AnchorPosition.MIDDLECENTER);
      else if (docWidth == docHeight)
            docRef.resizeCanvas(UnitValue(300,"px"), UnitValue(300,"px"), AnchorPosition.MIDDLECENTER);
var docRef = app.activeDocument;
var savedState = docRef.activeHistoryState;
fitImage();
app.displayDialogs = DialogModes.NO;
ExportPng( File( "",".jpg" ))
docRef.resizeImage(UnitValue(66,"px"),UnitValue(66,"px"), 72, ResampleMethod.BICUBIC );
            ExportPng2( File( "",".jpg" ))
docRef.close(SaveOptions.DONOTSAVECHANGES);
docRef = null;
// Reset app preferences
app.displayDialogs = startDisplayDialogs;
preferences.rulerUnits = originalRulerUnits;

Does this help?
main();
function main(){
var originalRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
var inputFolder = Folder.selectDialog("Select the input folder");
if(inputFolder == null) return;
var fileList = inputFolder.getFiles(/\.(jpg|tif|psd|png)$/i);
var outputFolder1 = Folder(inputFolder + "/300x300");
if(!outputFolder1.exists) outputFolder1.create();
var outputFolder2 = Folder(inputFolder + "/66x66");
if(!outputFolder2.exists) outputFolder2.create();
for (var a in fileList){
open(fileList[a]);
var Name = decodeURI(activeDocument.name).replace(/\.[^\.]+$/, '');
app.activeDocument.trim(TrimType.TRANSPARENT);
FitImage(300,300);
var saveFile = File(outputFolder1 + "/" + Name + ".jpg");
SaveForWeb(saveFile,70);
FitImage(66,66);
var saveFile = File(outputFolder2 + "/" + Name + ".jpg");
SaveForWeb(saveFile,70);
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
preferences.rulerUnits = originalRulerUnits;
function FitImage( inWidth, inHeight ) {
var desc = new ActionDescriptor();
var unitPixels = charIDToTypeID( '#Pxl' );
desc.putUnitDouble( charIDToTypeID( 'Wdth' ), unitPixels, inWidth );
desc.putUnitDouble( charIDToTypeID( 'Hght' ), unitPixels, inHeight );
var runtimeEventID = stringIDToTypeID( "3caa3434-cb67-11d1-bc43-0060b0a13dc4" );
executeAction( runtimeEventID, desc, DialogModes.NO );
function SaveForWeb(saveFile,jpegQuality) {
var sfwOptions = new ExportOptionsSaveForWeb();
   sfwOptions.format = SaveDocumentType.JPEG;
   sfwOptions.includeProfile = false;
   sfwOptions.interlaced = 0;
   sfwOptions.optimized = true;
   sfwOptions.quality = jpegQuality;
activeDocument.exportDocument(saveFile, ExportType.SAVEFORWEB, sfwOptions);

Saving images for dreamweaver

Similar Messages

Maybe you are looking for