Export for the Web

Similar Questions

• 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.

• InDesign / best way to export for the Web?

  Hi guys,.

  I did a poster A2 (large size) and now I need to have the same image for webcast on the Internet. I guess it will be a 650 by 800 px pixeles.

  What is the best way to export this content to Internet?

  (1) I noticed that if I save the InDesign file to PDF format, even in the lowest quality of the text in small characters keeps perfectly crisp and clear, while the file is of very small size. Unfortunately the PDF cannot be used-i think - images included in a mailing list.

  (2) if I export the InDesign file even to the most high resolution available as a JPG - a traditional Internet standard image - text is vague and ill-defined, not to mention that the file is big enough.

  (3) should I exported to PDF and then open it in Photoshop and "Save for Web" in JPG? Photoshop has maybe a better engine export when as for images that InDesign... I don't know.

  I'm looking for a way to have well-defined text and clear, small size and image? I'm not sure I could use PDF here.

  Any help or ideas? It would be great

  Thank you

  S

  I export to PDF

  Open in Photoshop

  Save for Web

  PNG 24

• Backup object for the web - pixelated & distorted

  Try to save a picture for the web in Illustrator. It's a 'Browse' icon that we use for our products. We'll re-create the icons to search for more "flat" with draft as inactive and the population status as activates it. Here is what I get when I export for the web as a .png.

  * image when zoomed using a snippet

  the image at its normal size by using the preview.

  * image after flattening transparency

  I tried to optimize, optimize, flatten transparency, raster - none of this is worked to give this icon looks better. The only thing that approached a little was flatten transparency — who helped with the pixelation, but boxes of all became distorted. Help, please!

  Image at normal size using an extract is the most useful information. It would be good to know that your exact pixel dimensions.

  Did you use align with the grid of pixels? Try to save as .gif. It's as good as you can get with such a small size.

  

• 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)

• What are the recommended settings for the export of photos for the web?

  I am a photographer, if the images would be used for my blog... and still need of decent looks.
  They are also the images that I approach clients, again, they need for decent, but would be the right size for the web.
  I played a bit, and when we maintain quality"to 100%, but the setting at 72 dpi, the image remains the same size at 300 dpi.
  So I got the quality up to 50%, but even slight vignetting seemed absolutely horrible. (Highly visible sections of different colors.)
  So now I'm stuck.
  72 dpi and 300 dpi made no difference in size (cannot explain this one.)
  100% quality seemed fine but was too big for the web.
  50% quality was mediocre at best.
  Any suggestions? What is the standard practice?
  Thanks in advance.

  I would use a quality of 70-80 and also resize the image under 'Image size' for example, you pick a long edge of (for example) 1200 pixels.

  The ppi (dpi not) makes absolutely no difference, it's completely out of words and useless in this situation, as you found it. Just ignore it.

• 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.

• 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

• How do I clear images of PowerPoint for the web?

  I'm supposed to create images for the web on their part gives me graphics in PowerPoint For now, I stick to PowerPoint in Photoshop and save it as a .png of 300 dpi, but they are not very clear, so I have to make it large enough to be readable. Does anyone know what I could do to make them better? I'm new to Photoshop and teach myself, so there are probably better ways to do what I do not know. I've linked below for an example of blur that I get in the charts when I use the above method.

  http://www.MAPI.NET/brazils-manufacturing-growth-puzzle

  PPI is not serious on the web. Browsers think in absolute pixels and take 72 dpi or use the DPI screens as defined in the settings of your operating system. Also to export slides as images using a simple file--> save as, and choose an image as PNG format or create screenshots, not copy & paste. Of course none of this will mean anything, if you resave the than smaller ones. No one can discern anything at these sizes lowercase, regardless of the wiith or without interpoalted pixels "mushing upward.

  Mylenium

• Save two-dimensional image od for the web

  Hello

  I made the script (with your help ) to export images for the web with dimensions 300 x 300 px. Now, I want my script to resize more than files that I get two files one 300 x 300 and another 66 x 66 px. I'll post my script and you ask hel find me the bug

  And another question. My script exports the file name + jpg, but it also keeps orginal extension if I get IE. FileName.psd.jpg

  can you help me solve this in my script... else is very well...

  Thank you

  Voah

  Edit:

  At the time of meen I managed to solve the problem, so here's the new script

  But I still have one thing I want to do. I have to manually do folder "300 x 300 and '66 x 66' or my script stops." How coud I do this script make sure files? (inputFolder/300 x 300 / and inputFolder/66 x 66 /)

  Save current preferences dialog

  var startDisplayDialogs = app.displayDialogs;

  Save preferences of current unit

  var originalRulerUnits = preferences.rulerUnits;

  preferences.rulerUnits = Units.PIXELS;

  var inputFolder is Folder.selectDialog ("select input file");.

  var outputFolder is Folder.selectDialog ("select 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 {}

  List of files of the var = inputFolder.getFiles ();

  for (var i = 0; i < fileList.length; i ++) {}

  If (instanceof file in the list of files [i] & &! fileList [i] .hidden) {}

  Open (fileList [i]);

  ResizeImage();

  filesOpened ++;

  }

  // }

  }

  Return filesOpened;

  }

  function ExportPng (filePrefix, fileSuffix) {}

  Try

  {

  var app.activeDocument = docRef;

  var Nomdoc = app.activeDocument.name.slice (0, -4);

  saveOptions var = 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 when you try to save the image.") \r\r"+ e);

  return;

  }

  };

  funkcija export 2

  function ExportPng2 (filePrefix, fileSuffix) {}

  Try

  {

  var app.activeDocument = docRef;

  var Nomdoc = app.activeDocument.name.slice (0, -4);

  saveOptions var = 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 when you try to save the image.") \r\r"+ e);

  return;

  }

  };

  ResizeImage() function

  {

  If (app.documents.length > 0) {}

  var app.activeDocument = docRef;

  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 app.activeDocument = docRef;

  docRef.trim)

  var docWidth = docRef.width.as ("px");

  var docHeight = docRef.height.as ("px");

  If (docWidth / docHeight > 4.8)

  {

  docRef.rotateCanvas (315)

  docRef.trim)

  }

  ElseIf (docHeight / docWidth > 4.8)

  {

  docRef.rotateCanvas (45)

  docRef.trim)

  }

  If (docWidth < docHeight)

  {

  docRef.resizeImage (undefined, UnitValue(270,"px"), 72, ResampleMethod.BICUBIC)

  }

  ElseIf (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);

  }

  ElseIf (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 app.activeDocument = docRef;

  var docRef.activeHistoryState = savedState;

  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 the application preferences

  app.displayDialogs = startDisplayDialogs;

  preferences.rulerUnits = originalRulerUnits;

  Does that 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);
  }
  

• Several pages for the web?

  Hello. I am very new to InDesign, and I'm using CS5. I'm working on a flyer for an upcoming event. I do a page of printing, legal size and have just completed, using Kuler colors in CMYK mode, and everything seems good.

  I also wanted to do a separate document, so I put it on a web page.

  I did a file... New... document, intended for the web, it size in 1024 x 768 and used Kuler colors in RGB. When I was building the document, needed me more space than just a page. So I added a page to fit all the info, photos, etc., and I ended up with two full pages of my document. Here's what I don't understand...

  I do not how to put the document 2 page on my web page. It doesn't look like two separate pages like that now? Should I make a long page so that I can scrool just down the document as on an ordinary web page? I checked the size of my "legal book" size paper by changing the ruler from inches to pixels guides and came to 610 wide x 1010 long. Do I just do the size of my document online?

  Thanks for the help.

  Just use the page tool to extend your first page down and put your additional info on the bottom.

  Here's the thing, however, that "for the web" is not intended to do, it's for publications that are... heck who knows what it's for!  The normal method is just to export your first print version of smaller file size and post in downloadable PDF format.  Or if you want a web page uses another tool, not Indesign.  I would like to start by talking to the person who organizes or assembles the web page you're going to be showing on and asking them what they would recommend in your case.

• Prep file InDesign for the web.

  PSCS5, Mac OS 10.6.4

  I need to prepare a book cover created in InDesign display with online sellers (Angus & Roberton, Austraila, and Amazon for beginners). My first attempt and prepare the InD file for the web has failed. No file is available from each provider. Can you help me?

  The InD file is 8 "x 8", contains 2 images, 2 vectors of I and PS text. " PS files are set at 350 dpi (by record the print service bureau). The book is intended for the wet press 4 colours. The first set of wet proofs are superb, so I know I'm on the right track with color, related, etc. images management.

  My first approach when I tried it prepare for the web was to export the InD file in a JPEG file, open it in PS and save it as a .psd file before making any changes. After you convert the color in RGB, I resize to 3 "x 3" at 72 dpi, then saved as a JPEG file with a new name. "  I think that the resizing and resolutoion is where I was wrong. But I am at a loss for the right way forward and what parameters to use for the image size and resolution.

  What is the procedure I should I have followed to prepare the cover over a picture for the web? Here is the image exported in JPEG format at 150 dpi.

  Thanks in advance.

  Toni

  

  Toni...

  I'm doing print and web and often take a page ID to an image.

  What I do...

  1. Export Indesign to PDF. (Use any standard PDF job option you have, same PDFX1a)
  2. Drag the PDF Photoshop > open 300 PPI and no matter what the dimensions are already present.
  3. If necessary, crop and flatten the image in Photoshop. (PDFx1a will be cropped and flattening will offset any transparency in the PDF file.)
  4. In Photoshop > file > save for Web > dimensions of the input image I need in the box dialog SFW
  5. Click Save.

  What's been sent by others is correct. There is no PPP/DPI for the web. The only thing that matters is the width and height. If you want you can test to show you. Create 2 images - one to 100 x 100 pixels and 300ppi and the other to 100 x 100 pixels and 72 dpi. Save the two images for the web, and then open the pictures stored in a browser... they are the same size and look identical.

  Export to PDF from ID, you get a crisp, clean the PDF.

  By dragging the PDF to PS, you get a purified PS image. If you export a jpg of ID and then save a jpg of PS that you create artifacts due to the re-registration of a compressed format (jpg).

  Using save for Web to create the final image all the superfluous image data are robbed and you get a basic, clean and crisp image to the size entry in the SFW.

  There are other roads, you can take, but for me this five-step process gives the best results in all cases.

• after export to the web color problems

  Hiya

  I'm faced with a problem of color on a website, I recently designed.

  The original drawing was done in Photoshop CS3 and includes a purple Strip think at the top of the page (http://www.deliciouscafe.co.uk/index.html). After slicing up design and then "save for web and devices", changes to purple-, it appears less dense and really should be a much deeper shade.

  Not sure if I use the wrong export method. I tried the format jpeg, png and gif, but nothing seems to make a difference, but I have not tried to change the other settings in the save for web and devices dialog box so I was wondering if something could help?

  Any help would be appreciated!

  Convert (don't assign it) the color of your images to sRGB profile.

  When registering for the web, don't forget to include the for sRGB ICC color profile.

  Do not mix the GIF and JPG when you try to maintain the uniform color. Use the same format.  (background.gif has a purple which may not correspond to quote.jpg)

  Web color is a mess, especially on Mac. The steps above are the best you can do.