Editing for the web

Similar Questions

• I'm done editing to develop; How to save pictures edited for the web?

  
  I get the import options and the development of Lightroom, but I learned from a representative of LR when I asked for help that LR does not store any data.  So, if I import pictures from my camera (NEF files) and edit to develop; where can I save the modified pictures and how to adjust them for best quality on the web?  It seems that there are instructions on how to import and save photos from your camera, etc, but once you change the photo to help develop it, is the original and so changed?

  Sorry for the question, but I have changed several pictures using the develop and doesn't like to lose all my work.  I am lost as what to do now to save my changes.  Ugh!

  Thanks to anyone who can help!  I am a user of Windows MC if that helps.

  Assembly to develop is completely non-destructive. All your develop settings are automatically saved in the database (catalog) LR

  For web use select thumbnails concerned of your pictures in the library, and click Export. Choose jpeg, size, quality and resolution of 72 and set color space to sRGB. Add sharpening if you wish. Choose a folder and subfolder or export Office. Your jpeg copies will be ready to download from the folder chosen when the export is completed.

• 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

• Best way to prepare images ProPhoto RGB for the Web?

  My working to Edit my RAW files color space is ProPhoto RGB. My master files are saved as ProPhoto RGB 16 bit layered PSD files. I am aware of the many ways to prepare my images for the Web, but it is better to properly view my work on a web site?

  
  

  «Save for Web...» "of Photoshop is easy, but it's also good work like resize manually,"Convert to Profile"(sRGB), then" save under... ". "an 8-bit JPEG? I noticed "Save for Web...» "its color space designated as"Untagged RGB", while the manual method is"sRGB"will create a file w. Any difference? Thank you.
  

  Were you not satisfied by the answers you got this question on Luminous Landscape forum? I will repost mine here:

  ---

  You should always incorporate the profile. With the notable exception of Internet Explorer (which seems to be a lost cause), most browsers now manage well of color management. At least Safari and Firefox both do.

  Save for Web in Photoshop always band profile with default settings, you will need to check the "embed color profile". This setting sticks. Personally, I think it's well past time to change this default, but that's it.

  While you're there, check "Convert to sRGB" and set to "use the embedded profile. This shows you the image with full color management (using the monitor profile to display). Here still SFW uses an obsolete default from the old days, when browsers were not color management.

  If you use a range wide screen a few special considerations come in and in Firefox, a manual adjustment has be activated (color management mode 1) *.

  Regarding resizing, I have no particular opinion. SFW seems to do well. But you should do a final sharpening after resizing, that needs to be done in Photoshop anyway, so he can probably handle resizing too. Construction while some actions and you are ready.

  Firefox users should enable this setting in all cases, regardless of monitor they use. What it does is assign sRGB to any untagged material. This allows full color management chain, instead of just go directly to the screen unmanaged. IOW, even color management on hardware untagged, so long as it is created in sRGB with sRGB numbers.

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

• What is the disadvantage of savings WITHOUT color profile for the web?

  I have discussed this issue in another thread and a clear argument against saving jpg files * without * a color profile must be performed.

  I'm very annoyed with how much more red and saturated, all my jpg files appear in IE (which does not read the sRGB embedded profile) compared to FF (which is the case).

  I tried to save the image even with the inclusion of unchecked color profile, and of course, IE and FF are showing the same image.

  It seems to me that including color profiles with jpg are just an invitation for different browsers interpret the image differently.

  Why not just save them all, WITHOUT color profiles?

  The downside to this, what exactly?

  mjyeager wrote:

  Emil, please do not confuse what follows for stubbornness...

  No worries, I never had such thoughts

  mjyeager wrote:

  ... IE does not read color profiles. The fact of FF. ERGO, in situations where a color profile is involved, the JPG will be different in each browser.

  True, without color managed programs and management the colors may not display an image in the same way. Except in the situation where the color profile describing the color of the image or the color values of an image without a color profile, by an extraordinary chance match the display capabilities of color of the device used by the program managed without colors.

  One of the problems that the addresses of color management is that all monitors will display the same color differently. Color management will make colors appear the same or as close as possible.

  A color managed program will send the RGB values of the color of the video card corrected to compensate for the differences between how your monitor displays color values and how they are perceived.

  For example, to help my Monitor wide gamut, when I create an image in Photoshop, with a red color pure R = 255, G = 0 and B = 0 and then do a screen capture, I can check how Photoshop sends these values to the video card. The result is R = 222, G = 65, B = 0 when I'm simulating an ideal sRGB display. So I can see how my colors appear on the screens of ideal sRGB. However, in reality, it is very likely to have a monitor displaying space sRGB color ideal without a color management, so to complete the color management chain, the other monitors that display my image must also have the appropriate color management to compensate for the differences in screen and display correctly RGB numbers representing the color that I see on my screen.

  mjyeager wrote:

  ... However, if the JPG has no color profile, image shows exactly the same way in both browsers...

  Who will most likely be a bad smell, which means not repoducing the expected color which is always the case with the browsers managed without colors.

  mjyeager wrote:

  ... Now, let's say this image - which looks the same in both browsers - is too hot. I can load it in Photoshop, change its hue and re-save is more what I'm looking for. The resulting image will then out - in the two browsers identically - the way I want to...

  Yes, the image will be the same in both browsers on your and any other monitor but the colors that you create (edit) will examine the way which only see you them on your monitor.

  mjyeager wrote:

  ... Now, what I think you are trying to do, is that I have no control on what are the conditions of viewing on the OTHER end (i.e., visitors to the site). They could range wide monitors, cheaper monitors, running MAC or PC, etc...

  I don't remember talking about this earlier, but yes, it's true.

  mjyeager wrote:

  ... It's true. I have no control over that. However, how including the color profile sRGB with the JPG would give me more control over these things I would not include? Unless you had to tell me that browsers arbitrarily apply a random color profile when in the absence of one, I am simply not understand how including the color with the JPG profile performs one another act that ensure that the picture is completely different in FF it does in Internet Explorer.

  You who are absolutely wrong. Color management is not to have any control over how other devices are setup, calibrated, etc.. As I said earlier make sure you communicate the colors scheduled correctly or as close as possible, as long as you and the destination use the proper color management. This means that the embedded profile FF will display correctly the planned colors while IE will not. If you do not include a color profile with your image both FF and IE will not display correctly the planned colors but they will be equal in that.

  mjyeager wrote:

  ... I understand the need for color profiles to print. In fact, my printer insists on the details when it comes to color profiles.

  But for the web? I'm still not understand where the downside is to omit the color profile. It's not like the browsers get CONFUSED when it is not included. Or that the colors will start randomly from refreshing one page to another.

  I am really trying to understand what you are saying here, but still haven't.

  In addition to what Marian said:

  If you create the colors using an sRGB display ideal (given the color management on your system works properly, it can be simulated by color of Photoshop on your range management widescreen when you assign the profile sRGB color to the image) and then on any ideal sRGB display, it will look the same you see on your screen regardless if it's with or without embedded sRGB color profile. However, in reality, it is unlikely to have a monitor, sRGB, display of the ideal space of sRGB color without color management. Now what does this mean in practice? Assume that users interested in, using the IE managed without colors on a PC with the Windows default color management. In other words, color management programs are told by the system monitor displays the ideal sRGB space, which is very likely to be the truth. Then users with this configuration with sRGB monitors will not see a difference between IE and FF when viewing your image with or without sRGB profile, the colors are not very likely to be the same that you see on the screen, but with the difference that is more likely to be accepted depending on how close to the ideal color space sRGB these monitors are. If some of these users with this configuration have wide range monitors, then the image will always be the same with or without sRGB profile, but with a very unacceptable difference of how you see it on your space to sRGB sumulated - strongly supersaturated.

  For users that have the color correctly managed systems, when the image is saved with a sRGB profile, it appears color managed programs such as FF the same or as close as possible to the way in which you can see on your monitor. Programs run without colors the case remains the same as that described above.

  A little history on how standard sRGB was created. It is a standard, including more things, but above all defining an abstract color space. It was created sometime after that the market was already flooded with computer monitors, and the creation of ideal sRGB color space was based on an average PC monitor display capabilities over time. After that the manufacturers used this standard sRGB as a target to create monitors.

  UN-color of programs run on PC have been created and tested using sRGB monitors so that they can't be considered reliable for showing intended to display colors if the images they use have been created using an sRGB they will be in the stadium of this range of sRGB.

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

• JDeveloper Studio or JDeveloper Java Edition for the Transformation XSLT generator?

  Do you need to 'JDeveloper Studio' or 'JDeveloper Java Edition' for the manufacturer of processing XSLT?

  The fact is that the Java edition is much smaller, so if you just use it to run the XSL Mapper, then, the Java edition could be a better option.

  Here is the solution, if you install JDeveloper 11 g 'Java Edition' and check the version installed in 'About' you will see (example):

  -Oracle IDE 11.1.1.9.40.66.73

  If you try to install any version of the SOA Composite Editor, you will get the message:

  Impossible to install this update. It requires other extensions that are not installed, or that are installed, but incompatible:

  -oracle.studio min 11.1.1.9.40.66.73 = not installed

  -oracle.j2ee min 11.1.1.9.40.66.73 = not installed

  So the conclusion is that you must install JDeveloper 'Studio' version.

  / Stéphane.

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

  

  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.

• 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