Picture dimensions for the Web

I'm creating a database of fish that will become a website for people to access and I wanted to know how compressed I should make the photos I'm using so that when the page loads on the iPhone the load time is minimal yet the photos are still easy to see.

Hi,
0sd_c03 having following dimensions by default
Data Package, Time, Unit, Organization, SD Document Category, Customer, Material, Value Type, Version, Sales Area, Document Classification.
install your required infocube's from BI content.
double click on the particular infocube. you can able to see the dimensions available for that infocube's.
hope this help you
regards
harikrishna N

Similar Messages

How do I change the dpi setting when I am saving for the web?

I need to chnge the dpi setting from the default of 72 to 300 when saving for the web. How do I do that?

You go by pixel dimensions for the web because that's all that computer screens use.
dpi or rather ppi is a print specification.
In this example, Image > Image Size I have unchecked resampling and set the ppi to 300. You can see how small it's going to print on paper as opposed to maybe 100 ppi. It will still retain the same pixel dimensions.
You basically focus on a good pixel size for the the browser display.

Bulk Optimize Pictures for the web in Photoshop 8

I have 731 pictures that I need to bulk optimize for a website. Hopefully without doing it one by one. I have no problem processing multiple files and reducing the quality but I wan to do the save for the web option and that isn't avaiable in that process that I know of. Anyone have a suggestion?
Thanks!!
Bob

I tried to do it that way but the file size ends up about twice the size than when you do the save for web individually. Not sure why, I'd sure have the smaller files if I can figure out how to do it.

HT5182 How can I convert Raw images from iphoto to jpg for the web?

I have some pictures in Raw mode stored in my Iphoto that I need to convert in JPG for the web and to print in business cards, I have been going around e-mailing the pictures to myself in large or medium size and then saving them again to my iphoto. Is there a way to do this from iphoto directly?

iMac (24-inch Early 2009), iOS 6
Are your pictures on your iMac or on an IOS device?
On your iMac use "File > Export " set the jpeg quality and size you want:
Regards
Léonie
Sorry, Ralph, I see, we have been cross posting

Resizing for the web

I belong to a forum that shares nature photos. The requirement for posting is 1200 pixels on the longest side. In my old program (Elements 6) I could resize and type in the pixel length I wanted. In Elements 10 which I just bought, I am given the options when resizing for adjusting width and height in percent, inches, cm, mm, points, picas, and columns - but not pixels. How do I adjust to 1200 pixels on the longest side when resizing for the web?

Make sure constrain proportions and resample image are both checked.
Then change the pixel box for the long side and the short side will change automatically.
Alternatively click File à Save For Web
Then set your dimensions and click OK (you also get a before and after preview) with save for web.

HD720p for the web

I tried and tried to compresse from my HD720p out from FCP to 720p for the web. I get awfull results. pixalised images and bigger files. are their presets for the web, or any place where I can find the good settings to get files that look as good as the apple HD galerie. It's suppose to be easy with apple but this time it's not.

here are one of the settings I used,
I did try with more quality but got
not so good results with verry big files
If you go to http://www.jiyano.com and click on the star on
the top left you will see what I mean. I put a before and after picture.
Name: hd test 160206
Description: H.264 for high-bandwidth streaming
File Extension: mov
Estimated file size: unknown
Audio Encoder
AAC, Stereo (L R), 48.000 kHz
Video Encoder
Format: QT
Width: 1280
Height: 720
Pixel aspect ratio: default
Crop: None
Frame rate: 29.97
Frame Controls: Off
Codec Type: H.264
Multi-pass: On, frame reorder: On
Pixel depth: 24
Spatial quality: 73
Min. Spatial quality: 25
Key frame interval: 24
Temporal quality: 50
Min. temporal quality: 25
Hinted for QuickTime
streaming server

Does anyone recommend a good graphic utility to prepare files for the web?

Does anyone recommend a good graphic utility to prepare files for the web?

GraphicConverter as noted by Don, or Photoshop Elements are the favourites. Both will allow comprehensive editing, and save for web facilities including reducing the .jpg quality to shrink file size without making the picture smaller.
There is a free application calld Gimp (open source) but I don't know how good it is or whether it's updated for Lion.

Optmizing big image for the web

Dear Friends,
In the 1st place I apologise if this is not the most apropriate forum to post my question but its web / image related, hence my doubt.
I have this big image file that I need to publish on the web but even before optimizing the picture I should scale it down by over 60%. Right now 'save for the web' won't even take it...If I use the 'image size' menu to simply resize it (to 900 x 300px) the quality of the image becomes very poor so I wonder, is it better to scale it down first using the 'edit/transform/scale' option?
Also, if you will be so patient: on a webpage with no other images what would be the approx.maximum size acceptable for it to still load quickly?
I'm sorry if it sounds like I haven't done my homework - and honestly I've tried - but I can't find conclusive answers and the perfect pictures on the web (like I see often) remain an undisclosed mistery for me.
Thanks a lot
JV

jvmonteiro wrote:
I have this big image file that I need to publish on the web but even before optimizing the picture I should scale it down by over 60%. Right now 'save for the web' won't even take it...If I use the 'image size' menu to simply resize it (to 900 x 300px) the quality of the image becomes very poor.
Like Zeno said use Bicubic Sharper.
Also keep in mind that when you make an image smaller you are throwing away data so of coarse it not going to be as detailed as the original. actually I would bet you can open your image in SFW. You are just getting a warning that its a big image. Just open it anyway then you can adjust the size and quality of the image to your liking.

HDV Aspect Ratio and Exporting For the Web

INTRODUCTION
I am trying to export an HDV video for the first time and have managed to confuse myself. I want to upload it to blip.tv and they transcoded videos into Flash with 4:3 aspect ratio. But more than that, I want to understand how this all works so I don't have to guess about the settings that will give me what I want.
BACKGROUND DATA
4/3 is 1.333...
16/9 is 1.777...
1440/1080 is 1.333... (if the pixels are square)
1920/1080 is 1.777... (if the pixels are square)
In FCP my clip format says:
Frame Size: 1440 x 1080
Pixel Aspect: HD (1440 x 1080) (Does this mean the pixels are 1.333... times wider than it is high?)
EXPORT USING QUICKTIME CONVERSION
When I go to export this clip using Quicktime Conversion under the Options... Size... dialog and look at the Dimensions dropdown, (I assume this is the dimensions of the exported video. Is that correct?)
Some of the settings are (the settings are in quotes, my notes are in parentheses.):
"HD 1440 x 1080 16:9" (if pixels are square this is 4/3)
"HD 1920 X 1080 16:9" (if pixels are square this is 16/9)
So both of these settings claim to be 16:9 but they both can't be true unless they have different pixel aspect ratios (which I find hard to believe). This makes me think I don't really know what they mean when they notate something as 16:9. Can anyone give a definition that will help me here?
EXPORTING FOR THE WEB
Using FCS2, what settings should I use to export this clip undistorted for the web (with letterbox if needed)?
Thanks for the help,
Rob:-]

What I find with HDV 16x9 1440x1080 footage, is that when you output for the web you have to hard code the size you want the result to be. 320x180 or 640x360 for example scale things nicely. If you want bigger, just do the math.
I don't know why but whenever I select a predefined output size, it always screws it up (I don't work with 4:3 ever, so I'm speaking only of 16x9). So I always enter the size I want.
And as far as Compressor 3, I really can't get that to set the size I want correctly either. Mostly its due to me being lazy and not wanting to spend a year reading the Compressor manual. A package that should basically have the easiest interface known to man is now so complicated that unless I have to hand-holding tutorial, or get to drag/drop one of their presets, I end up screwing things up with it. Not to mention that you get to wait for hours just to see how you screwed up the settings of your output.

The save for the web function has stopped working in my copy of photoshop elements 12. I get this message, " The operation could not be completed. The system cannot find the path specified" Resetting preferences did not fix.

The save for the web function has stopped working in my copy of photoshop elements 12. I get this message, “ The operation could not be completed. The system cannot find the path specified” Resetting preferences did not fix.

my os is windows 7. elements 12 worked fine for many months then save for the web stopped working

HD video compressed for the web

I was doing some testing trying to figure out the best way to compress the HD video I get from the Sony XDCAM HD for the web (streaming). I shoot in HD (1080/30P) because it's needed for our videos. The web streaming is secondary.
I would prefer to make the web videos .flv because it works best and most easily cross-platform. In the real world, the majority of users have Windows PCs, which made me hesitant to use h.264 (.m4v) because it probably would require the average user to download things they may not wan to. Nonetheless, it has to be viewable on all computers in all browers.
So, I took three 10 second clips of steady camera video with audio from the camera that I used in all tests. I will refer to them by clip number...
Clip 1: 30P 16:9 High quality, 10sec=45mb
Clip 2: 30P 16:9 Low Quality, 10sec=24mb
Clip 3: 60i 16:9 High Quality, 10sec=45mb
First I tested making FLV is Adobe CS3 Encoder using the High Quality (700) setting.
Test 1 used size 848x480 (16:9)
Clip 1: 1.3mb
Clip 2: 1.1mb
Clip 3: 1.2mb
Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
Test 2 used size 480x270 (16:9)
Clip 1: 1.2mb
Clip 2: 1.1mb
Clip 3: 1.1mb
Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
Next, I tested making .m4v using the h.264 iPod settings in Compressor.
Test 1 used size 640x370.
Clip 1: 240kb
Clip 2: 1440kb
Clip 3: 204kb
Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... why? I don't know, but I don't shoot on LQ for things anyway.
Test 2 used size 320x180.
Clip 1: 160kb
Clip 2: 865kb
Clip 3: 865kb
Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... also the 60i file...why? I don't know.
In conclusion, I'm lucky that I shoot 30P since it worked well in all areas. The h264 codec provides a much smaller file size than Flash, with a good image. Amazing considering we started with a 45MB clip. What are the standards for aspect ratios for putting 16:9 video on the web? I haven't heard much set in stone like you have for 4:3 video. Nonetheless, the 640x360 or 480x270 seem to be a nice size for most uses.
I have heard that in Flash 9 you can chance the m4v extension to flv and it will work. IF that is true, that would be great because now my concern is that a base Windows PC cannot play these .m4v images without plugins/codecs. I suppose right now its a tradeoff between smaller file size/less compatibility with h264 or larger file size, great compatibility with Flash.
Any comments or suggestions to help out would be great. I typed this fast so forgive me if I left out any important info.

Hi APPLE27:
One comment from your post that immediately caught my attention was this, "Nonetheless, it has to be viewable on all computers in all browsers."
Unfortunately, it is unrealistic to expect one digital video file to be viewable on "all computers in all browsers" as there are simply too may variations in both hardware and software.
A common approach when offering digital video is to provide two formats to choose from and then within each of those two formats a few versions of the video for different bandwidths.
For example, a web site might offer Video for Windows and QuickTime. For each of these, there would be a low bandwidth Video for Windows file and QuickTime file and a high bandwidth Video for Windows file and QuickTime file (four files total). Of course, there's also Flash Video, Real Video, MPEG1, and so on.
For better or worse, YouTube.com has allowed video content creators the realistic expectation of creating a digital video file that is viewable on "most computers". But, the video is unavoidably tied to that web site.
When it comes to online distribution of video, it's still very open ended.
Also, computers are not all that's out there. Mobile devices are a huge market and you'd be hard pressed to create a single digital video file that will play on all mobile devices (iPhone, iPod Touch, Palm Treo, Sony PSP, etc.) either from local storage or from a mobile browser.
QuickTime offers a solution for creating a referencing movie - one file that links to other digital video files, but it too is imperfect at best when it comes to reaching the broadest audience possible.
With my few comments here, I'm just scratching the surface. But, it all starts where you are right now: caring about the image quality when exporting from your edited master.
-Warren

Exporting FCP 16:9 to QT for the web in 16:9?

Hello everyone,
I recently began doing my projects in 16:9 mode. I shoot them with my GL2's in 16:9, then capture to FCP as usual. FCP then automatically recognizes the 16:9 footage and adjusts everything perfectly for me. I figured out how to get the footage to DVDSP by 'forcing letterbox'. This plays the true 16:9 footage on a widescreen TV perfectly.
Now, I've come to another bridge that I can't seem to cross... that is... exporting the video to QT for the web in 16:9. I did a lot of searching here and all of the topics related to this did not help me at all. So, what I'm going to do is explain what I used to do when I shot in 4:3 mode:
1. In FCP... File>Export>QT Conversion
2. Format: QT Movie> Options
3. Settings> Sorenson Video 3
4. Frame Rate>15
5. Key Frames: Every 150 frames
6. Compressor> Medium
7. Data Rate: Automatic
8. OK
9. Sound>Settings>Mpeg-4 Audio, 16bit, Stereo
10. OK
11. Prepare for Internet Streaming> Fast Start
12. OK
13. SAVE
This usually turns a full sized 5 minute clip into a nice little presentation for the web no larger than 35 or so MB's. You can see a boat load of files like that on my website at (www.buerhausdesign.com).
Now, what I want to do is get a similar sized video for the web, only in 16:9 as I'm now shooting and editing in 16:9.
Does anyone have step-by-step instructions on how to do this? I know it's possible as I see movie trailors in 16:9 all the time in QT.
Any help would be appreciated:)
Matt

Nope, tried all of that. It stretches the image way beyond 16:9. Currently, if I export as a 4:3 file, the widescreen displays correctly, but I get two black bars at the top and bottom of the frame. Manually sizing to a 16:9 size, to say 720x404, stretches everything... including the unwanted black bars.
When I export to DVDSP, the black bars go away when I 'force letterbox'. There's gotta be a way to get it to work in QT.

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.

Saving JPG to PNG using Save for the Web

Morning
I came across Paul Riggott's script for saving PSD to PNG which I changed to JPG to PSD.
The only problem with this is that the file size in most cases is larger than the original.
Is there a way to do a save as for the web as well?
Here is the original code:
#target photoshop
var imageFolder = Folder.selectDialog("Select top folder to process");
var folderList=[];
if (imageFolder != null) {
processFolder(imageFolder);
folderList.unshift(imageFolder);
createPNGfromJPG(folderList);
function createPNGfromJPG(folderList){
for(var a in folderList){
var fileList = folderList[a].getFiles ("*.jpg");
   for (var z in fileList){
    var file = fileList[z];
    open(file);
    var Name = fileList[z].name.replace(/\.[^\.]+$/, '');
    var saveFile = File(decodeURI(fileList[z].path+"/"+Name+".png"));
    SavePNG(saveFile);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof Folder) {
folderList.push(file);
       processFolder(file);
function SavePNG(saveFile){
    pngSaveOptions = new PNGSaveOptions();
    pngSaveOptions.embedColorProfile = true;
    pngSaveOptions.formatOptions = FormatOptions.STANDARDBASELINE;
    pngSaveOptions.matte = MatteType.NONE;
    pngSaveOptions.quality = 1;
pngSaveOptions.PNG8 = false;
    pngSaveOptions.transparency = true;
activeDocument.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE);
Any help or support to head me in the right direction would be appreciated.
Iain

This uses "Fitimage"....
#target photoshop
var imageFolder = Folder.selectDialog("Select top folder to process");
var folderList=[];
if (imageFolder != null) {
processFolder(imageFolder);
folderList.unshift(imageFolder);
createPNGfromJPG(folderList);
function createPNGfromJPG(folderList){
for(var a in folderList){
var fileList = folderList[a].getFiles ("*.jpg");
   for (var z in fileList){
    var file = fileList[z];
    open(file);
    var Name = fileList[z].name.replace(/\.[^\.]+$/, '');
    var saveFile = File(decodeURI(fileList[z].path+"/"+Name+".png"));
    FitImage(640,640); //Resizes to the longest size
    //FitImage(128,128);
    savePNG8SFW(saveFile);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof Folder) {
folderList.push(file);
       processFolder(file);
function savePNG8SFW(saveFile) {
    var desc8 = new ActionDescriptor();
        var desc9 = new ActionDescriptor();
        desc9.putEnumerated( charIDToTypeID('Op '), charIDToTypeID('SWOp'), charIDToTypeID('OpSa') );
        desc9.putEnumerated( charIDToTypeID('Fmt '), charIDToTypeID('IRFm'), charIDToTypeID('PNG8') );
        desc9.putBoolean( charIDToTypeID('Intr'), false );
        desc9.putEnumerated( charIDToTypeID('RedA'), charIDToTypeID('IRRd'), charIDToTypeID('Sltv') );
        desc9.putBoolean( charIDToTypeID('RChT'), false );
        desc9.putBoolean( charIDToTypeID('RChV'), false );
        desc9.putBoolean( charIDToTypeID('AuRd'), false );
        desc9.putInteger( charIDToTypeID('NCol'), 256 ); //Number of colours.
        desc9.putEnumerated( charIDToTypeID('Dthr'), charIDToTypeID('IRDt'), charIDToTypeID('Dfsn') );
        desc9.putInteger( charIDToTypeID('DthA'), 100 );
        desc9.putInteger( charIDToTypeID('DChS'), 0 );
        desc9.putInteger( charIDToTypeID('DCUI'), 0 );
        desc9.putBoolean( charIDToTypeID('DChT'), false );
        desc9.putBoolean( charIDToTypeID('DChV'), false );
        desc9.putInteger( charIDToTypeID('WebS'), 0 );
        desc9.putEnumerated( charIDToTypeID('TDth'), charIDToTypeID('IRDt'), charIDToTypeID('None') );
        desc9.putInteger( charIDToTypeID('TDtA'), 100 );
        desc9.putBoolean( charIDToTypeID('Trns'), true );
        desc9.putBoolean( charIDToTypeID('Mtt '), false );
        desc9.putInteger( charIDToTypeID('MttR'), 255 );
        desc9.putInteger( charIDToTypeID('MttG'), 255 );
        desc9.putInteger( charIDToTypeID('MttB'), 255 );
        desc9.putBoolean( charIDToTypeID('SHTM'), false );
        desc9.putBoolean( charIDToTypeID('SImg'), true );
        desc9.putBoolean( charIDToTypeID('SSSO'), false );
            var list3 = new ActionList();
        desc9.putList( charIDToTypeID('SSLt'), list3 );
        desc9.putBoolean( charIDToTypeID('DIDr'), false );
        desc9.putPath( charIDToTypeID('In '),File( saveFile) );
    desc8.putObject( charIDToTypeID('Usng'), stringIDToTypeID('SaveForWeb'), desc9 );
    executeAction( charIDToTypeID('Expr'), desc8, DialogModes.NO );
function FitImage( inWidth, inHeight ) {
if ( inWidth == undefined || inHeight == undefined ) {
alert( "FitImage requires both Width & Height!");
return;
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 );

Problems with PSE 10 when saving for the web.

I'm having problems saving for web with PSE 10. I edit in RAW, edit in PSE 10, save as Jpeg, resize and save for the web. Results are muddled and not sharp (looks cartoonish). Also, there is no metadata when you look at the image properties. I uninstalled the program and installed again. No change.

Are you resizing the photo before save for web?
What settings are you using in the save for web dialog for the jpeg quality?
If you compress the jpeg too much (low quality settings below 60), that can make your photos look bad.
And save for the web in pse 10 automatically strips any metadata in order to keep the file sizes smaller.
Also, the save for web in pse 10 has a bad habit of not remembering your last used settings, so it's good to verify that your actually set to jpeg instead of the default GIF setting.
Message was edited by: R_Kelly

Picture dimensions for the Web

Similar Messages

Maybe you are looking for