scale of a project for the web

Hello

I designed a greeting card that is 1022.23x1021px

I need this scale because I want to do a page soon for a future website entry

In what dimensions I need to scale all of the work (drawing/text) up and down to be seen on the 4: 3 and 16: 9 monitors?

There are the standard size smartphone and tablets too, I guess, I need to create multiple work plans?

As I explored Dreamweaver CS6 I noticed that the dimensions are indicated in mode 'design' at the bottom of these devices, perhaps I could use them?

Thank you

Just in case a Visual will help you, here is a quick tutorial on the scaling for the web:

(1) go to the file > save for Web

(2) this will open a dialog box with many options for recording.

The area marked as "A" is where you choose the type of file for your image, which, as said by John, would be a .gif file or a .jpg file, or a .png if your document contains transparency.

The section marked 'B' is where you can easily resize your document. Unless you click on the screen next icon size boxes, your image will be automatically kept for its proportions when you enter a new value for the height or width. Also, be sure to check the option "Clip for work plan" If you get all additional items that may be persistent in your work space.

I also agree with John when he says to redial in a work plan in the dimensions desired of your final image for the web. And you are right in terms of multiple work for different devices. In the screenshot below, I have a work plan in the dimensions of your original document (1022 x 1021) and one for the dimensions of the screen of the iPhone. This makes it really easy to alter compositions based on the dimensions and proportions of the various devices.

Here is a link on the preparation of graphics for multiple devices: http://codebycoffee.com/2010/12/08/preparing-graphics-for-multiple-mobile-platforms/

I hope this helps! If you need more web help, feel free to post in the Dreamweaver forum!

Tags: Illustrator

Similar Questions

  • A project for the WEB and AIR

    I have a flex project... its been already, for the web. But I need an AIR version to run in our stores. The air version is essentially the same thing with a few adjustments.

    So first of all in flex builder, that I already put it in a web project... is anyway output a .air file now?

    Also in order to keep both versions in sync I would keep it as 1 project, a way for the project to be able to detect if it was 'plane' or not and to behave accordingly. In this way when the inevitable changes to do in the future I will not remember to bring any changes in both versions... Is it possible to implement?

    I'm using flex builder 3.

    Thank you!!!

    I found an article about this here: http://www.adobe.com/devnet/air/flex/articles/flex_air_codebase.html

  • What is the best way to keep the high resolution when recording "for the web".

    the files that I save to the web so I can get them in jpg (or gif) are coming very pixelated.  That's when I print the image.

    What is the best way to save for the web, an image and keep the good resolution.

    using a business card template.  template Avery will allow me to attach images I want to project.  to do this...  I 'get file computer' and it deletes the image in but real little... then you are supposed to expand on your work as you want.  Well, when I enlarge this image file, it gets pixelated bad.  I think it's the way that I am saving it.  I do not adjust anything when I save.  Maybe I should.  This is where I need advice.

    That's what avery model notes on the images, I am allowed to use - when downloading the image, the maximum allowed size is 4 MB.  You can download the JPG and PNG RGB or CMYK images.  so when you recommend things, can you please take this into account

    Thanks for oyur times.

    Aida,.

    When you register with the default template using save for web, it's usually a setting very low.

    While in the registration window, you can set the size in pixels of the image you want with the quality and the resolution too.

    Refer to video tv.adobe.com save for web or Adobe Help file for detailed instructions.

    Florian

  • With the help of videos quick time (for the web)

    Hi guys,.

    In my project, I use quick time videos in director, which work very well at its publishing and reading in the projector. However when I export for the web, video replay in the web browser. Is there something I'm missing when exporting?

    Thank you very much

    Rich

    Your QT files are too large. The Member is set to listen to? You can
    monitor percentStreamed (place a #field on the screen and update each)
    frame with member("QT").percentStreamed)

  • How can I change my mood Message in Skype for the Web?

    How can I change my mood message in Skype for the Web?

    People of good news: you can now change your mood message in Skype for the Web

    Just click on the picture at the top left of your profile, and then click the small icon of pencil next to the message of change in activity.

  • Possible security for the Web-based Configuration

    My colleagues and I found something very interesting today... Despite having configured the FTP security settings (which have been confirmed to set up and in funcitoning. I can't open an FTP session to our remote target without specifying a username admin and the password) If you open the configuration tool based OR web in a browser, you can send via FTP to and from the target using the file remote browser without being connected to all! Everyone knows this?

    Apparently, these permissions are separate from FTP, but you can define these special permissions on the page of the security configuration for the web-based configuration utility.

  • Data for the Web service control

    Hello

    I have jdeveloepr User 12.1.3, I WSDL soap, I create the data control for the web service from the WSDL, the problem is when creating data controls the separate parameter that the method, for example, below it is the method that I call the setNotificationAction name and the parameter IN (P_ACTION, P_NOT_ID, P_PASSWORD_ERP, P_TOKEN (, P_USER_ID P_USER_ID_ERP), as below, why the separate parameter that the method?

    Note that I try the binding WSDL SOAP UI and its ok and works as expected.

    1.png

    Resolved by changing the typesList.add (Object.class) at typesList.add (GenericType.class)

  • What is the best export for the web?

    What is considered the best export from Adobe Illustrator CC 2015 for the web these days? I know that PNG has the color a bit better than JPEG files. How about SVG?

    What is your recommendation?

    Thank you

    For modern websites of today, vectors are now better saved in SVG. As long as you use the last CC 2015, use file > export to create the SVG (which is newer than the file > save under). It will yield a smaller SVG files.

    Better, photos are saved in JPEG format.

    PNG are not "keep color" better. The JPEG and PNG24 support millions of colors, but a JPEG will be able to compress photographic details better, if you end up with a file of faster loading.

    For HTML Email SVG is not appropriate, so I use PNG or GIF instead (whichever is smaller) to the line drawings in general I want to save it as SVG.

  • Best app for the batch processing of photos for the web?

    I would like to know what is the best application for batch processing photos for the web quickly and easily. I'm a web editor and often need to resize, compress, or crop several photos and would like a quick way to configure the basic parameters and processes for example 20 pictures at once. Basically, I'm looking for something with the ability to FastStone Photo Resizer (I'm on a Mac and cannot use FastStone). I remember an once suggested graphic designer LightRoom - would that be a good idea or Adobe has something else? Or maybe not Adobe at all?

    PhotoShop seems heavy for this purpose: it is ideal to make the photo woth that much at the time, but less large to do less with many pictures at once. I know that I can implement some sort of macro-thingie, but I would like to be able to quickly change settings such as the percentage of compression or the width in pixels.

    I don't need a lot of editing tools, mostly just work in pixels, resizing, compression or cropping and save for the web in .jpg and .png - and Mac.

    I hope someone here can guide me in the right direction.

    Hi eval

    I think the best thing for you is Adobe photoshop elements, cover in simple not expensive and all what you want

    Photo Editor software & tools | Adobe Photoshop Elements 14

    concerning

  • save multiple files for the web in JPEG max at a resolution of 800%

    I had more than 200 created illustrator files. They all have the same dimensions. I wanted an adobe illustrator script that saves all files for the web in jpeg.

    Export options must be max.resolution of all files should be increased to 800%.

    I think it's the reasoning

    Open a folder with all the files

    loop through each file

    Save for web each in jpeg format to the quality of resolution and up to 800%

    the names of all jpeg files should be the same from these illustrator files (if possible)

    I will be very thankful to you if you could help me

    Best regards,

    Hassan Ali

    As far as I understand your request it is also possible with a simple action in batch mode.

  • I need to create combinations of text and images for the web. How to do this in elements or do I need Photoshop for this feature?

    I need to create combinations of text and images for the web. How to do this in elements or do I need Photoshop for this feature?  Please advise!

    slynn5236 wrote:

    I need to create combinations of text and images for the web. How to do this in elements or do I need Photoshop for this feature?  Please advise!

    You can do in PSE.

    1. Do the math to see how much space you'll need on your canvas to the image and text.
    2. Navigate to the file queue > new.blank. Enter the width & height, background color, resolution 72 px / in. It is your canvas, and in the layers palette will be the background layer.
    3. Copy and paste the image. It turns on a separate layer
    4. Activate the tool move, position the image and resize if necessary
    5. Activate the text tool, and then type your text. It will be on a separate so layer
    6. Position the text.
    7. Flatten layers and go to file > save for web. I'm usually on the long side about 800 px. Don't forget to check "constrain proportions". Adjust the quality slider to suit. You will probably want the type of JPEG file for web work.
  • Color changes during the recording of the PSD to JPEG (safe for the web) in PS CS5 working in sRGB

    As I secured it for the web a PSD file, jpeg version of the same file changes slightly color - I opened the two files in PS CS5 to compare.

    File initially processed in Lightroom 6 and converted to sRGB for export.

    I worked in the sRGB color space in Photoshop.

    When exporting I secured for the web. I tried both options checked including the color profile and convert to sRGB.

    I tried to save to the web as a PNG and color remained the same, she only moves for JPEG files.

    You can't really see the difference in color with a naked eye, but be specific. I don't understand why he would change when I work in the color space is sRBG. Please help this is driving me crazy!

    JPEG compression can change the values, even quite spectacular on single pixel level. You have the selector of color set to "sample point"?

  • How can I save my picture for the web and devices?

    How can I save my picture for the web and devices?

    I can't find the option when I want to save the image

    Hi jacquelineb,

    What version of Photoshop are you using?

    If you are using the latest version of CC, please consult export images Adobe Photoshop for mobile and web. Tutorials Photoshop Adobe CC

    Let us know if that helps.

    Kind regards

    Assani

  • size of files when saving for the web

    'Save for web' sometimes export icon to very small size with size huge file (500Ko), when I take the same image and re - record using "Save for web", I get the small file (1 or 2 KB)

    Why does this happen?

    This happens because Photoshop is save the metadata in your PSD and JPG files. You can see that from Photoshop in file Info under the file menu, and then on the tab of raw data you will be able to see usually several lines of metadata information, sometimes thousands, and if you did a lot of manipulations on the file that can add literally MBs to the size of the file. Save for the Web and export as you can delete metadata. Personally, I find it a nuisance more than a useful feature tends to remove metadata from Lightroom, there is a plugin that allows you to select what you want to keep and what to throw away.

    Hope that helps

    Terri

  • Buy a Myriad Pro font for the web?

    Hello


    I would buy the Myriad font for the web (embed this font on my site legally).


    Is this possible?

    Thank you

    Please check Myriad Pro | Typekit

    http://www.Adobe.com/products/type/creative-cloud-fonts.html

    Concerning

    Stéphane

Maybe you are looking for

  • iBooks author - TOC shows the empty entries for table - how to stop this?

    Hello I spent hours trying to find an answer to this. My book has a few tables - nothing wrong with that.  I have a front cap of the table - that's what I want in the table of contents. iBooks author shows instead, empty entries whenever he comes acr

  • deployment of fiefox on window7

    HelloI have the Fund a Window7 model under wmvare and deploy windows 7. I have a problem with firfox config when a domain user use firefox for the first time, he needs to import bookmarks, choose the House and DΘsactiver the automatic update.In my (m

  • can I delete program files remaining after uninstall.

    I searched my C drive in program files, and found several folders for software/programs that have long been uninstalled... Some for an old printer Cannon, some software that no longer exists. In addition a few folders for programs installed on my com

  • Problem setting up Port Forwarding with two routers.

    I can't set up by Linksys RT31P2 and routers port forwarding WRT160Nv3. My setup is Webstar Modem = RT31P2 = WRT160N = Mac OS 10.6.5. (No configurable modem and ISP do not prevent port forwarding. It comes with two Linksys routers). I had a Monty Pyt

  • Memory SD Card Reader does not work on Windows 8

    I downloaded the driver now how i.t works