Image sizing in dreamweaver using photoshop to size

I have two images that I want to display as 200 x 260 pixels. I have used both photoshop cs5 and photoshop elements 9 to size them to exactly this size using the "save for web" option. My dreamweaver code has a div of this size for insertion of each image.
When I look at the pixel dimensions (in photoshops and dreamweaver they say exactly 200x 260 pixels. However when I insert the image into dreamweaver, one is larger than the other as displayed on the view and also in firefox.
I have tried both png and jpg formats. I have tried resize in photoshop before "save for web". I always get the same result. How can I fix it?
[email protected]

You could set the width of the image in your html:
<img src="/images/image.png" width="200" height="260" />
Alternatively, you can set the image width to 100% in your css if the containing div is actually the correct dimensions. If neither of these fix the problem I will need to see your code.
Regards,
Ben
PS. Photoshop's Save For Web feature is primarily for managing file types, color profiles, and meta data.

Similar Messages

Image map for Dreamweaver from Photoshop

Hi. How does one convert some of the layers in a Photoshop CS3 graphic to an HTML image map with each layer being a hot spot? This would be very tedious (and not very accurate) doing it manually. Thanks.

> nothing done by hand could have created anything this precise.
But take a look at the definition of the hotspots in the HTML code. It is possible that you have a massive definition that will chew up some considerable bandwidth to transmit. (The point ID and others were making.)
This isn't a problem if all your users are on high speed connections, but if a significant number are on dialup, they might not want to wait for such precision.

Using Photoshop SDK to merge images in Web Application

Hi,
More of a query than an issue. We have an ASP.NET Web application - and our client has asked that we provide the facility to merge two images on the site. Basically, a user uploads their photo to the site - and then can choose to insert it into an e.g. postcard of the Eiffel tower.
So, we use image layers - where we use Photoshop to create the Eiffel Tower postcard - and then the website user's image is layered behind that in a particular location.
So, the question - can we use the Photoshop SDK to integrate with ASP.NET to take the website user's image and insert it into the appropriate position on the Eiffer Tower postcard image (using layers).
Any other suggestion?
NiallC

The idea of using Photoshop to power a web application is scary. I
think Adobe have more suitable tools for this environment (without
user interface) though I can't bring any names to mind.
Aandi Inston

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the image right down. (I mean you can see the image clearly, but it's too small to edit). When I look at Safari and see a web page at 100% it's clear, but the same page displayed in Photoshop CC appears 50% of the size (even though it says it's 100%) If I move the application window to another screen it adjusts it correctly – leaving all the pallettes, menus and tools correctly sized as they are on the retina display Is there some way to adjust the way Photoshop CC displays images so it is more consistent with what you actually see? There doesn't seem to be any answer on the Adobe forum, so hopefully someone here can shed some light. MacBook Pro with Retina display, 15", OS X Yosemite (10.10.2), Photoshop CC 2014

I tested both ways. With "open in low resolution" ckecked the size of the images is cool, but it is low-resolution including Photoshop appearance.
If "open in low resolution" is unckecked the appearance is good but the very small size.
See the image below. It has 650 x 732 px, 72 dpi. The font of the text "Neste aniversário ..." is with 18pt.

How to make an icon image using Photoshop

I found out how to do this recently so I decided that I wanted to make a tut for those who don't know how to make an icon image. This icon image is for the libraries tab on your computer. Under the libararies tab there is Music, Pictures, Documents, and Photos
First you will need the ICO (Icon image format) Format extension for photoshop which can be downloaded here:
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
The download link and tutorial on how to install it is all in the link above.
Once you have that all set you can now launch photoshop to create your icon image. Once you have launched it, create a new document with the size as in the image below.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/256x256_zpsbf3dcf8e.png~original[/IMG]
Create the image you want. I used a simple one by using the custom shape tool by pressing "U" on your keyboard and with the
basic blending options.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/IconImage_zpsd788c709.png~original[/IMG]
The reason why the image is pixelated is because it is an icon image. Since the image is only 256x256 pixels when you zoom in on it that will get you the pixely result. The reason why I zoomed in is so you can see it. But don't worry this is no the end result. Just continue reading and you will see.
So once you have created the icon go ahead and press
file>save as>(under format choose the ICO)>and choose the name that you want to name it. And save it in your C: drive. You will see why to save it in your C: drive in a sec.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/SampleicoPic_zpsd252bfba.png~original[/IMG]
So now that you have created the icon and saved it now you can create the new library.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/NewLibrary_zps8ca703b2.png~original[/IMG]
Name the library whatever you want I named it "Sample" for tutorial purposes. Notice how it gives you a default boring icon image for your library.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Sample1_zpsb5472840.png~original[/IMG]
So now once you have created and named your library now it is time to get the icon image into place.
Go to computer/c: Drive/users/YOU/ And now once you have reached this area you will need to access a hidden folder named "appdata" to do so press "Alt" then a menu bar will show. Click
tools>folder options>and view. Find the option to view hidden folders then press apply then ok. Now we shall continue so AppData>Roaming>Microsoft>Windows>Libraries
Now you should see all the libraries including the one you just created.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/showhiddenfolder_zpsad4a3c94.png~orig inal[/IMG]
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Libraries_zpsf6243bc0.png~original[/IMG]
Once you have reached your destination then open a new text document with notepad and drag the library you just created in notepad. The result should look like this:
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Notepad_zps251a86f0.png~original[/IMG]
once you have reached this point click at the end of the second to last line down then press enter and enter in this information
<iconReference>c:\"NAME OF ICO FILE YOU CREATED IN PS".ico</iconReference>
Example:
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/iconreference_zps1c1a3eca.png~origina l[/IMG]
Once you have entered that information go to file>save and the icon image should appear on the library you created.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Finished_zps267f893a.png~original[/IMG]
Now you are officially finished. Go and spread the news and joy. Bye for now
-Dusty951512

It is Windows only because all those screen shots are exclusively Windows, the file structure and paths do not resemble those of the Mac in the least. As a Mac user, there's nothing I could take from your tutorial. Sorry,
No drives named with letters like C: on the Mac, for instance. No backward slashes either, ever. No such paths either. No "Notepad" on the Mac, we use TextEdit; but such a text editor is not remotely needed on the Mac to make and/or edit icons. Etc.
Those folders are not even called "Libraries" on the Mac… Nothing resembling your tutorial at all.
The icons in the Finder's Sidebar are not customizable at all in recent version of OS X.
= = =
You can edit any post of yours only until someone replies to it. At this time your post is not editable by you any longer.

How can I resize an image without losing resolution or using the crop tool? I am using Photoshop Elements 13 on a PC.

How can I resize an image without losing resolution or using the crop tool? I am using Photoshop Elements 13 on a PC.

Hi Peru Bob,
I've tried two images, the results were:
Image 1
Jpg, original file size 923KB, dimensions 848px x 279px.
After resizing to 848px x 180px with 72dpi, the file size decreased to 164KB.
Image 2
Jpg, original file size 809KB, dimensions 1200px x 1800px.
After resizing to 668px x 722px with 72dpi, the file size decreased to 307KB.
So, there seems to be a fair file size loss - is this to be expected?

LR 5 - Image Sizing Dimensions - wrong image size

Hi,
Image Sizing Dimensions produces wrong image sizes upon export for certain images.
Example, I have export set up for iPad resolution, 2048x1536px at 264ppi. If I now export an 3264x4928px image it should be resized to 1356x2048px. What I get is 1356x2047 instead, one pixel too short on the long side. This doesn't happen for all images source resolutions and ratios though. I haven't figured out the pattern yet.
Here a link to an image which exports at wrong size (export dimension set to 2048x1536px).
http://www.bobtronic.com/files/IMG_0289.JPG
I would appreciate a speedy fix for this problem. Thanks
cheers,
Matthias

The image has a resolution of 3264x4928. Exporting using Dimension resizing of 2048x1536 results in an 2047x1536 image.
The scaling factor 4928 down to 2048, is 0.4155844155844156...
Assuming that LR is working to only 3 decimal places here, which indications discussed in another thread would suggest, then there are several ways to achieve that:
truncate down to 0.415 by discarding the subsequent digits
"quick-rounding" of the third digit by inspecting the fourth-place digit only, and incrementing the third-place digit when the fourth-place digit is larger than 5, which it is not in this case, resulting in 0.415
"math-rounding" by inspecting all of the following digit pairs in turn, until you reach a pair that is lower than 50, and then working back again to simplify. This procedure rounds 0.41558 up to 0.4156, then after doing that, rounds 0,4156 up to 0.416
Speculation: the difference between 0.415 and 0.416, is the difference between a result with 2047, and one with 2048, when executed.
Most of the time the "quick-round" procedure will work out fine, also truncating will usually be good enough, assuming the above has anything to do with the reality (which it may not). Just occasionally, though, there'll be an error in the final digit, compared with what the theoretically accurate procedure would have given. So if I am right this is not strictly speaking a bug (something failing to execute as it has been designed to do), but the result of a software design choice. "Works as designed", iow .
It seems that LR, perhaps differently between versions, is working this through by simple calculation (from the front-end), without comparing the back-end outcome against what you have requested. How much this (intermittent) issue actually matters, is a question of judgement, and of particular requirement.
[ alternative method: I find the Print module, outputting to JPG, is completely reliable when it comes to making a standardised JPG as to the dimensions, as well as offering some different technical and design options, than what you get with Export. For one thing, you get the option of on-the-fly cropping to shape, which you can then adjust interactively where (as here) the image is a different aspect than the Retina display. So if you want it, you can fill the screen instead of getting letterbox, all without having altered your main (Develop) crop for that image. Alternatively, if you don't want the Zoom to Fill option (e.g. with landscape images to be shown in portrait orientation as part of a sequence) you can still make all your images to the same dimension, but controlling the appearance of the borders that are left (which become part of the image) ]
RP
ps: AFAICT one would expect simple truncation to produce the appropriate answer half of the time; one would expect simple rounding to just one further digit, to be wrong half of the times when the following digit happened to be 5 - or to put in another way, to be right in 95% of cases; and proper rounding, examinng as many places as it takes, to be right 100% (within precision limits).

I use Photoshop Elements 11 to print panoramas. Works for jpeg images but not tiff. Suggestions?

I use Photoshop Elements 11 to print panoramas. It works for jpeg images but not for tiff images. Seems strange because PSE11 manages tiff images in all other processes. Anyone fared better?

Thank you for your trouble.
My images are not usually layered and the particular case I am about to quote, it is not. The dimensions are 10,546 x 2,790 and the image has 16.7 mbs. I use 8 bit colour. When I set up the print screens for tiff, everything is normal until I get to the last screen with the image set upon the photo paper. Then the paper size indicated with the image refuses to budge from the A4 size, so the panorama gets printed on that. I consulted the Adobe chat line and the expert could 't get it to work either. So he came to the conclusion that the tiff capability had not been extended to printing panoramas. In seeking advice, I thought someone might refer me to an updating patch!
Well done! You have confounded the system! I could not find any control that would override the setting.

Using Lightroom 5.5 and Photoshop CC2014. Images no longer open in Photoshop when using "edit in" command. Photoshop opens but no image when trying to move between LR and PS. Any suggestions?

Using Lightroom 5.5 and Photoshop CC2014. Images no longer open in Photoshop when using "edit in" command. Photoshop opens but no image when trying to move between LR and PS. Any suggestions?

1. You have allowed Apple to auto-upgrade your Mac
Turn off auto-update here:
Menu > Apple > System Preferences > App Store
2. The Icons on your dock are Aliases not real apps
They point to where the apps really are which is:
For Pages 5.2.2 in your Applications folder
For Pages '09 in your Applications/iWork folder
3. You are alternately opening documents randomly with either version of Pages
Both Pages have the same file extension .pages and there is no certainty as to which version opens them when you double click on a file.
right click on the file and choose which version you want to open it
4. Pages '09 can not open Pages 5 files
Pages 5 can not open Pages '08 files, and will convert and change Pages '09 and Word files.
It will also auto save opened files into its own format.
You can export these back to Pages '09 if you need to:
Menu > File > Export > Pages '09
5. Yes Pages 5.2.2 is a marked downgrade
Pages 5.2.2 has a few improvements but has had over 110 features removed and is buggy.
Sooner or later you will not be able to open a file or have it damaged in some way and it has a complex obscure file format largely incompatible with everything else, so you will not be able to rescue the contents of your file. If Pages or some third party server/eMail don't trash your file, eventually Apple will do it for you as it did when it released Pages 5 last September. I recommend using Pages '09 for the time being whilst you look for viable alternatives, some are here already and some are on the way.
For further information about what has happened:
http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&sid=0882463378700 abf43a0f2433506bbbc&mforum=iworktipsntrick
Peter

Photoshop and elements 13 Working in iPhoto Want to edit image using photoshop elements Did the following IPhoto Preferences Advanced Edit Photos: In drop down menu chose in Photoshop Elements Also control click and chose edit in external editor Drop

Photoshop and elements 13
Working in iPhoto
Want to edit image using photoshop elements
Did the following
IPhoto>Preferences>Advanced>Edit Photos: In drop down menu chose in Photoshop Elements
Also control click and chose edit in external editor
Drop down menu edit photos in external program>photoshop Elements
Go to to the image I'm working on --- selected the image, the clicked on edit. When nothing happened I double clicked the image. Still elements didn't open. Then I opened the Elements editor, went back to iphoto and tried the entire process again. the photo still didn't open on Elements 13 for editing.
I have 3 Elements 13 books as well as looked on line--all my references say the exact same thing ---- iPhoto>Preferences>advanced>edit in external program>photoshop Elements
I uninstalled and reinstalled both iPhoto as well as Elements.
I spoke with application technical support. There appears to be nothing wrong with my copy of iPhoto. However there is no support from Adobe. I waited for over 1.5 hours for chat support several days ago, and finally gave up.

You are probably choosing the obvious file rather than the correct file as the PSE editor. The actual editor is hidden away inside the Support Files folder. The PSE file at the top level of the PSE folder in Applications is just an alias for the welcome screen and what you're describing is exactly what happens when you choose that. You want this one:

Using Photoshop images in Final Cut Pro 6

when using photoshop images (drawn images not photos) in Final Cut Pro, why do they blur when rendered?? What settings should I use when creating the images in Photoshop CS2 to be compatible with FCP 6?

You're in the wrong forum.
For FCP 1 to 7 you need the Final Cut Studio forum.

Photoshop will only let me use custom font sizes

Hello
I've been having a strange issue for awhile that I thought would eventually go away with an update but hasn't. Having used photoshop for years, I've always been able to click in the text size menu of the character panel and either type in a pt size or increment larger or smaller with my up and down arrows on the keyboard. I can no longer do that -- when I try to type in the new font size -- say 25 -- my text is actually replaced with the numbers "25" and the font size stays the same. If I choose a default size from the drop down menu (18, 24, 36, 48, etc) it will change size but I'm not able to enter any custom sizes. I get the same behaviour in the option bar.
I'm using the most up to date version of CC on an late 2012 Imac 2.9 GHz Intel Core i5 running the most recent version of Mavericks ( OS X 10.9.2 (13C64)), but this has been happening since Mountain Lion and atleast the first version of CC, possibly CS6.
It doesn't matter what font I use and happens on every document. I've also tried to reset the tools and delete the preferences.
I do use the no-longer -supported free version of Linotype Explorer but it seems more like a photoshop issue.
This is obviously really frustrating and I haven't been able to find anyone else with the exact problem. If anyone has any ideas I'd really appreciate it.
Thanks!

The key combos still work for changing type point size, just not in Preferences-controlled-increments (instead, whole point sizes, 1 point at a time) -- and you can also input any point size. Are you using the Character Palette?
On Mac, "Command-Shift->" increases the point size 1 point, and "Command-Shift-<" reduces it by 1 point size (if the type is selected).
If you use the Character Palette (Command-T on Mac), you can input any point size you want, up to 1/1000th of a point: 24.582 pt. size, for example.

Why is using Photoshop CS6 as the touchup image editor for Acrobat still a complete failure?

Image objects in pdfs are losing their positional and other parameters when saved after editing with Photoshop CS6(ONLY). The problem was acknowledged on the Photoshop forum three months ago, but they said it was up to the Acrobat folks to fix it. When using most previous versions of Photoshop (CS2-CS5 all tested) as the touchup image editor, Acrobat was able to place the image right back into it's previous position in the pdf and it could do this without releasing whatever path was used to crop or mask the image (basically it worked great). However, using Photoshop CS6 as the touchup image editor is still a complete failure. Any idea when or if this will be fixed?
Thanks
Link to PS forum article

The Photoshop 13.0.1 Update fixes this issue. Excellent.

How do I straighten images using Photoshop CS2?

Can someone please tell me how I straighten images like horizons and buildings using Photoshop CS2?
I run the software under Windows XP
Thank you.

What I do is press Ctrl-T which activates Free Transform. I press Ctrl-" which turns on the grid. I can then rotate the file to correct a drooping horizon, or I can Right-Click on the image to activate the contextual menu, and select Skew. In that mode, I can grab a corner and drag it up or down, right or left, to shift or tilt the image.
Another way to level horizons is to use the Measure tool and from the menu, <Image>, <Rotate Canvas>, <Arbitrary>. You use the Measure tool to draw a line from one part of the horizon to another. When you click Arbitrary you'll get a little dialog. Click <OK> and the image rotates. You'll need to deal with cropping next since your image no longer fills the corners.

Can I use Photoshop Elements images to illustrate a book I plan to sell?

If I were to use Photoshop Elements images, background designs etc and cut and paste, copy and use in collages to illustrate a book I plan to sell, am I breaking copyright laws?

Yes, you can do this. Adobe is concerned about people who reverse engineer the programs, not about people who use them as intended. Of course, for any additional styles, shapes, etc, it would depend on the developer's license terms. But there is no restriction on using PSE to create things to sell, no more than on PS.

Image sizing in dreamweaver using photoshop to size

Similar Messages

Maybe you are looking for