layout with different resolutions

Similar Questions

• "One-click" How do I export an image to a set of files with different resolutions .png?

  Hello

  How far is 'one-click' export an image to a set of files with different resolutions .png? (I need for a set of iOS app icons).

  For example: export a file MyAppIcon.psd in the following:

  MyAppIcon_29x29.png

  MyAppIcon_57x57.png

  MyAppIcon_114x114.png

  MyAppIcon_512x512.png

  MyAppIcon_48x48.png

  MyAppIcon_72x72.png

  I almost managed to do with the Actions of Photoshop, but does not know how the names of files to include the name of the original image file. In other words, the NewApp.psd file should export to NewApp_29x29.png, not MyAppIcon_29x29.png.

  Thank you!

  No problem, please try this...

  #target photoshop
  app.bringToFront();
  main();
  function main(){
  if(!documents.length) return;
  var Name = app.activeDocument.name.replace(/\.[^\.]+$/, '');
  try{
     var Path = activeDocument.path;
      }catch(e){
          alert("Please save this file then re-run the script!");
          return;
          }
  var strtRulerUnits = app.preferences.rulerUnits;
  var strtTypeUnits = app.preferences.typeUnits;
  app.preferences.rulerUnits = Units.PIXELS;
  snapShot();
  var saveFile = File(Path + "/" + Name + "_512x512.png");
  activeDocument.resizeImage(512, 512, undefined, ResampleMethod.BICUBICSHARPER);
  SavePNG(saveFile);
  revertToLastSnapshot();
  var saveFile = File(Path + "/" + Name + "_114x114.png");
  activeDocument.resizeImage(114, 114, undefined, ResampleMethod.BICUBICSHARPER);
  SavePNG(saveFile);
  revertToLastSnapshot();
  var saveFile = File(Path + "/" + Name + "_72x72.png");
  activeDocument.resizeImage(72, 72, undefined, ResampleMethod.BICUBICSHARPER);
  SavePNG(saveFile);
  revertToLastSnapshot();
  var saveFile = File(Path + "/" + Name + "_57x57.png");
  activeDocument.resizeImage(57, 57, undefined, ResampleMethod.BICUBICSHARPER);
  SavePNG(saveFile);
  revertToLastSnapshot();
  var saveFile = File(Path + "/" + Name + "_48x48.png");
  activeDocument.resizeImage(48, 48, undefined, ResampleMethod.BICUBICSHARPER);
  SavePNG(saveFile);
  revertToLastSnapshot();
  var saveFile = File(Path + "/" + Name + "_29x29.png");
  activeDocument.resizeImage(29,29, undefined, ResampleMethod.BICUBICSHARPER);
  SavePNG(saveFile);
  app.preferences.rulerUnits = strtRulerUnits;
  app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
  }
  function SavePNG(saveFile){
  var pngOpts = new ExportOptionsSaveForWeb;
  pngOpts.format = SaveDocumentType.PNG;
  pngOpts.PNG8 = false;
  pngOpts.transparency = true;
  pngOpts.interlaced = false;
  pngOpts.quality = 100;
  activeDocument.exportDocument(new File(saveFile),ExportType.SAVEFORWEB,pngOpts);
  }
  function snapShot() {
      var desc9 = new ActionDescriptor();
          var ref5 = new ActionReference();
          ref5.putClass( charIDToTypeID('SnpS') );
      desc9.putReference( charIDToTypeID('null'), ref5 );
          var ref6 = new ActionReference();
          ref6.putProperty( charIDToTypeID('HstS'), charIDToTypeID('CrnH') );
      desc9.putReference( charIDToTypeID('From'), ref6 );
      desc9.putEnumerated( charIDToTypeID('Usng'), charIDToTypeID('HstS'), charIDToTypeID('FllD') );
      executeAction( charIDToTypeID('Mk  '), desc9, DialogModes.NO );
  };
  function revertToLastSnapshot() {
     var doc = app.activeDocument;
     var hsObj = doc.historyStates;
     var hsLength = hsObj.length;
     for (var i=hsLength - 1;i>-1;i--) {
       if (hsObj[i].snapshot) {
         doc.activeHistoryState = doc.historyStates.getByName('Snapshot ' + i);
         break;
       }
     }
  };
  

• Export to JPG format several times with different resolution

  Hello world

  I want to export my document of jpg files in different resolutions - an overview and a thumbnail image. I use this code, I found here in the forum for export:

  
  

  function exportPages (_dpi, _destFilename) {}

  try {}

  app.jpegExportPreferences.exportResolution = _dpi;

  app.jpegExportPreferences.jpegQuality = JPEGOptionsQuality.LOW;

  app.jpegExportPreferences.jpegExportRange = ExportRangeOrAllPages.EXPORT_ALL;

  app.scriptPreferences.version = "7.0".

  app.jpegExportPreferences.jpegColorSpace = JpegColorSpaceEnum.RGB;

  app.scriptPreferences.version = "6.0".

  app.activeDocument.sections.everyItem () .includeSectionPrefix = false;

  var f = file (_destFilename);

  app.activeDocument.exportFile (ExportFormat.jpg, f);

  } catch (err) {}

  Alert (err.message);

  }

  }

  
  

  and I call you

  
  

  exportPages (96, "~ / jdExport.jpg");

  exportPages (30, "~ / jdExportThumbnail.jpg");

  
  

  This should create images with 96 DPI and dpi 30. But after the first call the app.jpegExportPreferences.exportResolution is not defined. I can swap function calls - first works, second fails.

  
  

  No idea why I can't export twice?

  
  

  Thank you

  Klaus

  
  

  He finds myself - there the

  app.scriptPreferences.version = "6.0".

  I shouldn't use copy & paste the code from the forum without understanding

• Help! Resizing the different documents with different resolutions?

  Hello!

  Please help me with my situation:

  I tried to do an action that will shrink by 1 inch to all parts of my document (the document had 12 x 36 inches) and, hopefully, to other documents.  I don't want to crop the image, I want to just resize the entire image to 10 x 24 inches, leaving a transparent border of 1 inch (the grey and white checkerboard) to my document. I started to resize manually, but it was a lot of time so I tried to take action, as I said above. I expected that he would spend a proportional 1 inch upper, lower, left and right other documents, but he did not. Any procedure for that happen in different documents with different sizes and resolutions?

  PS: All the documents I will resize itself would be finally printed (I don't know if it would help).

  Thank you very much for your help!

  Read the Action reinforced via the script Photoshop functions.txt file it tell you the function run each script.  Most script will retrieve things like the width and height of thay are used all the time. Look at the file size of the JSX file. Read more small there's no much too small should be easy to read and understand.  Orient.jsx and RotatePortrait.jsx will for sure get the width and height and SaveAndRestoreResolution.jsx will get the resolution.

  var orig_ruler_units = app.preferences.rulerUnits;

  app.preferences.rulerUnits = Units.PIXELS;

  get the height and width in pixels

  var width = app.activeDocument.width;

  var height = app.activeDocument.height;

  var RES = app.activeDocument.resolution;

• Webpage by lining up at the upper left instead of centered with different resolutions

  Hello

  I'm relatively new to Dreamweaver, I finished tutorials easily enough, but when designing my site that I found that on different computers page doesn't fit always the entire screen and the background would be displayed according to the resolution. Isn't a problem in itself if the page was aligned in the Center and there was an equal amount of background on each side, but when holding the key CTRL and roll the mouse wheel, page narrows towards the top left corner, while many of the sites he enlarges or shrinks in the center of the page.
  
  Could you please be offer a way for the content page to adjust the size of the viewers browser or help me to change it if the pages are automatically aligned Center, and if a user uses CTRL and the mouse wheel to resize the page (I don't know what is the technical term for this) the page resizes to the Center.

  A working base site is available at http://www.hallbott.web44.NET If you want to see an example, the site itself is not finished, but it shows the problem.

  I have now corrected this,
  It turns out that in the CSS there was body to 420px wide, it was part of the original model and for some reason, was not displayed under body rules in the CSS sidebar. By removing this and have a rule to 980px and self rule 0 margin into the body, I managed to get the zoom works correctly.

  Not sure why it wouldn't work again, but it had to be something to do with the contradictory body width rules, I won't pretend to understand, the important thing is it works, thanks for the suggestions.

• I have several screens with different resolutions, how can I make work stations match from the bottom rather than the top?

  I have 2 screens at 1920 x 1200 pixels and one in the middle with 2560 x 1600.  When I move the cursor from one screen to the other, the cursor jumps (of course), but in this case, the vertices of the monitors are (it moves from the top of a monitor to the top of the other) and I would like the background to match (to the top of the Middle monitor space with no corresponding areas on the other two).

  As the two side monitors are physically smaller and shorter that the Middle it's jarring to see the cursor jumps 3 inches upward when I switch from one to the other.

  Is it possible to adjust the display settings so that they justify bottom instead of the top?

  To be clear: I want to be able to move my cursor along the bottom one down the next and having the high bit to space rather than being able to move the cursor along the top with the bottom being the extra space.

  Thank you
  Trish

  In the window display settings, where it shows the monitors, click and drag them to the bottom of all monitors line up horizontally. Boulder computer Maven
  Most Microsoft Valuable Professional

• Alignment of thread with different screen resolutions

  I noticed that block diagram wire positions/alignments can change, sometimes significantly, by switching to screens with different resolutions.  There is a ton of information on the maintenance of the proportions on the front panel as the solution of problems, but I can't find how to mitigate the problem with the wires on the block diagram.  Does anyone know how to best handle this?

  Thank you!

  crossrulz wrote:

  I never noticed the block schema change due to screen resolutions.  I saw this kinds of problems during the change of system fonts.  For example, switching from XP to Win7 meant go to police Aero, which is a font more great than XP used to its default system font.

  That's what I noticed as well.

  The solution is to set the blockdiagram fonts in the LabVIEW.ini be specific font rather than a system font.

  Something like

  BDFont = "Tahoma" 13

• Problem with the resolution when you connect to a projector

  I regularly used my laptop connected to a projector via a cable VGA for PowerPoint and video clips view in Windows Media Player.   It is automatically detected and adjusted for different sizes of screen of the laptop screen (1366 x 768) and projector (1024 x 768) and projected with success.   Recently I connected the laptop to a second monitor - also 1024 x 768 - instead, and even once, it fits perfectly.

  It suddenly stopped setting for the resolution of the projector; When I go to the resolution of the screen, the option to set the resolution of the second screen is grayed out.   No matter if I use extend or duplicate, he insists that the two screens are 1366 x 768.   This has happened with two projectors, all two used to work properly.   I also tried different VGA cables.  The end result is that the image of the projector is hurry to tray.

  I can connect fine to the second monitor via the VGA port and sometimes with different resolutions for both screens.   I can also connect to a TV via an HDMI cable.   I can't try a HDMI cable for the spotlight as it is ceiling mounted, and the other is old and is not an HDMI connection.

  I checked the drivers and they seem to be up to date.

  My laptop is a Dell Latitude running Windows 7.   The graphics card is an Intel HD Graphics 3000.   I tried many suggestions already given on these forums without success.   The real puzzle is that it was working fine and nothing I can draw has changed except that I connected on the other monitor.

  Hi Tony,.

  Thanks for the reply with the status of the issue. I'm sorry to know that the issue is still unresolved, your efforts to solve this problem are much appreciated.

  I suggest to follow the method below and check if that helps:

  Method 1: Perform a system restore.

  System restore

  http://Windows.Microsoft.com/en-us/Windows7/products/features/system-restore

  System restore WARNING: when you use the system restore to restore the computer to a previous state, the programs and updates that you have installed are removed.

  Method 2: Uninstall all hidden devices:

  Step 1: See the article below to activate the devices hidden in Device Manager.

  Look at a hidden devices

  http://msdn.Microsoft.com/en-us/library/Windows/hardware/ff553955 (v = vs. 85) .aspx

  Step 2: After you enable hidden devices, remove devices from Device Manager.

  1. press start.

  2. type device manager in the start search box.

  3. Select Device Manager in the search result.

  4 uninstall everything that are grey also uninstall the drivers to display completely.
  5 restart the computer and install the drivers to view the manufacturer's Web site.

  Hope this information helps, just reply to the State of the question to get help.

  Hi Rizwan

  Unfortunately, I do not have a restore point old enough until the problem occurred.   I have not found any that was relevant in hidden devices, but in normal Device Manager mode when I clicked on "monitor" it opened a "Generic PnP" entry even when there was no extra monitor or projector fixed.   When an additional monitor has been attached, there were two of these entries.   I disabled them both, and I found that I can now adjust the resolution of a second monitor to a different setting of the laptop screen.

  Thanks for your help.

  Tony

• Image of background using different resolutions

  In my application, I have to use images of background and the image gallery.

  App has support for different deveices of BB (with different resolutions)

  can I use a single image and up and down the ladder? (please let me knpw the class thing to do)

  If it's going to be a good standard resolution of an image?

  (images get a webservice)

  Thank you

  You can use the EncodedImage classes and class Fixed32 to load and scale of the bitmaps on the fly in your code. I would load the largest resolution you want to take over or slightly larger (480 x 360 is what I use) and scale upwards or downwards according to the needs. Here is an example of code that I use:

  int ratiow = Fixed32.div( Fixed32.toFP(ImageWidth) ,                          Fixed32.toFP(WidthToFitIn) );
  int ratioh = Fixed32.div( Fixed32.toFP(ImageHieght) ,                           Fixed32.toFP(HeightToFitIn) );
  
  Bitmap background =        EncodedImage.getEncodedImageResource("images/background.png")                               .scaleImage32(ratiow,ratioh).getBitmap();
  

• Providing of different resolution images to fit different screen sizes

  You use RoboHelp 11, if anyone can describe the best approach to provide the same image with different resolutions, to adapt to different screen sizes? I think that this can be done by changing the CSS to recognize the screen resolution and transfer the image of suitable size. Any advice would be appreciated. Thank you

  Lol that is the same picture that gets resized on the fly. Open the sample and

  generate reactive power. There is a picture in the retirement section. Go

  to this and keep the window resizing.

  As long as the original is good enough for a full browser window,

  all you need to worry.

• Problem with background at different resolutions [was: help dreamweaver CC!]

  I am new to Web design, I tried to make my own web page using sensitive design (bootstrap, css, etc.), the site is already the case for a large number of resolutions and it works fine in the preview of the browsers, but say for example I see the iPad website with a resolution of 1024 x 768 , the site is displayed correctly, but if I scroll down on the sides, I can see the rest of the background, and as you know is not very elegant... So what can I do to allow users to see everything they need to see? I tried to give the background of different sizes in different resolutions, but it worked because when I arrived at higher resolutions the CSS queries, I created in lower resolutions are not stayed I left their... Can anyone give me a tip?

  [Edited by moderator subject line]

  Try to change the width of the images in the percentages as in

  

  

  

  

• Mirror / duplicate monitor in different Resoluations

  Hello

  Is it possible to implement a configuration of monitor in mirror with monitors of different resolutions on the Windows 7 operating system, but at the same time to maintain the native resolution on both screens?, at the same time maintain the native resolution on both screens?

  For example, I have 1(1920*1080) and 2(1280*1024) monitors. When "Several screens" setting in the resolution of the screen is "duplicate desktop 1 and 2", I want to get everyone to have different resolutions.

  I know that I could 'extend' instead of 'mirror' and thus to solve the problem, but there is no mirror.

  Is there a solution in Windows?

  Thank you.

  Hello Dong,

  Thanks for posting your query in Microsoft Community.

  I appreciate the information provided by you. I want to update you can set permanently resolution for each monitor, but unfortunately the parameters you want may not work if you want 1st screen on 2nd monitor resolution will get the change. It also depend on the size of each monitor you use.

  For more information on the use of multiple monitors, see the following article:

  Work and play better with multiple monitors

  Hope the above information helps. Please return in the case of other issues related to Windows.

• Different resolutions in the same movie.

  Hello, this is probably an obvious or stupid question. But I can't find the answer anywhere?

  I was filming with a camera, Gopro, and my IPhone. I'm doing a little film of all the clips turned off the three device and I can't figure out how to get the correct resolution and have them all in one without cropping the images induviduallly, which is a pain, and I think that doing it this way does not allow the clips to their quality (maybe wrong).

  Another quick question:

  Is it possible to make clips 'big screen' and 'a film like' so that they have bars along the bottom and at the top, without just cropping the video?

  Thanks in advance, Lewis

  (Sorry if this is a waste of time but would like to have an answer.

  Hi Lewis,

  If you want to include all of your clips in the same project, remember that you cannot correct all the elements size when you import on the time line.

  The best way to work under the conditions and for the preservation of the quality, is to create a project with the lower resolution settings, you use (maybe the Iphone in your situation). and you need to change the scale for the clips with better resolution (even if the resolution allows to do this, you can keep a tighter picture if you want).

  For your second question:

  Black bars on each side of the image (usually up and down, but however must be right and left in particular) are visible because a picture in a format (4: 3, 16: 9, cinemascope, etc.) are broadcast on screen different format (4: 3 or 16: 9 most of the time).

  For example, a 16: 9 on a 4: 3 screen image project: black bar upstairs and downstairs, a 4: 3 photo project on a 16: 9 screen. black bar on left and right.

  The bars to avoid to strench and distort your image to fill the entire screen...

  The only way to avoid crop your original photo, is to create a 4: 3 format sequence, if you have a HD footages...

• Import Clips of different resolutions

  Hi first Forum, o hoping to get help here. I was change my first Pro CC project and decided to import a screenshot I made in another program. The program is called screenshot Movavi. I saved off as a screenshot file. MOV file. My creation project is set to a resolution of 1080 p, but my screenshot has been just under one (smaller).

  I noticed after I added my screenshot of my project, it never looked like the other items in the project Panel. It was green and didn't show a clip of the video as did the other clips.

  I wanted to create an effect where I'll have one of my project clips play-by-side with my music video screenshot. No problem - just used the movement under the effect to adjust the scale and position as required. I had to reframe my screenshot a little so he can adapt, but it worked for a few minutes.

  All of a sudden, while rubbing through my project, locked up my system. I rebooted and had major problems and had complete restore of the system (BONES and all). I don't have any problems until then. When I returned to my project, it shows an error like "default minor exception ' and the screenshot has been pinked. Then, I deleted this clip of my project and resaved.

  Can someone tell me what I could have done to cause such a major mistake? If this isn't the case, maybe someone can stand me the rules to import these clips which can be of a different resolution than what I use in the project. If this is allowed?

  Help/suggestions appreciated.

  Frank

  The probable resolution has no bearing here, the codec is the most likely candidate for questions.

  Not all codecs can be used in PP, and screenshot programs use codecs especially which do not like PP.  Maybe try this one instead.

  CamStudio - free screen recording of software

  Lagarith Lossless Video Codec

• Copy slides from one project to another (2 different resolutions)

  Hello

  I have 2 projects of different resolutions (long story) and I want to copy the slides in the smaller project in the cotyledon. But keep the same resolution. (I want to create the Visual of a computer monitor showing the demonstration, as that is the lower resolution to I can have PC monitor as a backdrop)

  When I copy the slides, they are by default resize themselves for the biggest project and I can't change them.

  is there advice?

  is there a 'special' block when it comes to slides?

  Small projects are demonstrations having someone else did for me (so I can't really re - record)

  I want to just try to make them look a little more visually pleasing

  Thank you kindly for your time

  The solution is to:

  • Take a copy of your smaller project and work on that, not the original (in case of screwups).
  • Resize the smallest project using modify > resize the project options.
  • Be sure to work carefully how to increase the size of the stage WITHOUT changing the size of the existing content.  Basically, you want to add an extra space around your current content so that it is now sitting in the middle of the scene.
  • Once you have managed to get your content to the same size as the largest project, copy and paste slides on.
  • You may be able to develop a nice graph of a monitor with a hole in it.  Place it on the slide (or slides model) so that it lies on top of your smaller other screenshots to give effect to look at the screen.

  Is that what you're looking for?