Problem saving the image





When I finished then I tried to save as a picture.  
It is not saved in the correct way and in the correct size for the length and width of the image you specified.  
Rather, the image size is determined according to the size of the element in it.

The pictures below show the difference between the design inside the program and the image you saved

![Annotation 2020-05-06 150234.png](https://community.adobe.com/t5/image/serverpage/image-id/90068i6027725D1518F71F/image-size/large?v=1.0&px=999 "Annotation 2020-05-06 150234.png")
When saving, tick 'Use Artboards' in the file browser window.
it’s a limitation of network shares.

the proper display of jpg thumbnails has a dependency on the media library.   the media library is not created for network shares, only local storage.

some people have said that if you precede the jpg file name with a “.” that the problem will go away.

example… hi [@ecarmona](/u/ecarmona),

thanks for your question, this is definitely something that can be improved in the documentation.

in this context name is not referring to a specific field in the saved object, it's referring to the value of the name property of the reference itself. the reason for this is that the i… hi there,

you should set every “height” to “auto”.

the “height” in your designer tool isn’t the same as a mobile phone. your elements in the blocks with a set height are probably bigger than the set height you used.

hope this works!

cheers,

max zijlstra Attached: [7F451897-6687-45A2-A02B-5CC74543635B.jpg](//supforums.com/file#/?post=811635599&filename=7F451897-6687-45A2-A02B-5CC74543635B.jpg) (1152x2048, 350K) You are using position:absolute; Don't, it usually leads to endless problems.



Even if you had a real need to use it, why are you placing things at left 1400px!!!



This is right on the edge of the average monitor - how large is your monitor? I work with my browser open at a width of about 1000-1200px (note I didn't mention the size of my monitor). The main reason people have big monitors is so they can have two windows open next to each other, not so that they can run a browser window open at 2800px wide.



I suggest you start by looking at ordinary websites and studying the css. you'll discover that many sites use a wrapper div with a fixed width, while others use a wrapper div with a percentage width and a max-width, to prevent ending up with a huge long line of text 2500px long for example. Then they center the div using margin:auto. That gets the content in the middle of the page on the vast majority of screens, and browser viewports.



Don't lay out a screen using position:absolute. You are not painting pretty pictures on a screen, you should be using html and css to control the layout and check how the layout looks every time, by resizing the window looking for errors.



Also, a contact form needs the input boxes to be part of a <form>, so you'll have to read up on how they work. And a form needs an action, so you'll have to learn a bit about scripting, probably php. i generally like long hair more but i prefer your short hair picture though that is at least in part because i dont like your make up in the long hair picture. I used [an automatic photoshop script](http://arnaumarch.com/en/sprites.html) once and worked well.


The concept is : 


* Each portion is a different image.
* Each portion (and so, each images) must be in the same folder w/o any other images.
* Run the script indicating the folder and some parameters (size, css name, etc...).
* The script does : 


	1. Merge all images into one with the size you indicated.
	2. Generate the CSS file


In your case, if you modify one image, you regenerate the global image and the CSS via the script and... that's it. Maybe you'll need to copy/paste the CSS in yours if you don't want to use the generated one.


Notes :


I tried it with a few files and worked great. Then, I tried like ~600 pictures and then, you'll need a goooood CPU and patience ;) In this case, don't use it. header, footer and other page attributes are stored against “sections” and not individual pages. each section can be one page, several pages or the entire document. inserting a manual page break starts a new section. i am new to libreo and was also frustrated by its behaviour till the penny dropped … When designing for a variety of resolutions you want to scale down, not up. Do your design in a @2x resolution (640 x 960 @72ppi) and for the @1x assets you duplicate them to a new document (preferably) and scale them down by 50%. You can set up a Action script for this also to make the process go by faster. To learn a bit about Photoshop action script you can have a look [HERE](https://www.youtube.com/watch?v=BRpPGiGXcHc).


As for your second question, [HERE YOU GO](https://www.dropbox.com/s/sczltvow7jgtfiy/iPhone%204%20GUI%20PSD%20Retina%20Display.psd). The "reload" symbol you were after can be found in that Retina asset sheet, a sheet that is very good to have for anyone who wants to design for iPhone. thanks. if anyone else comes here looking for a solution, i did manage to fix it by replaying the entire game.

i sent the bad save file to andy, so hopefully that helps with finding a preventative solution. :slightly\_smiling\_face: