How to choose a resolution for the creation of website design?

Good afternoon. Rather, the question is how to organize the process of site design and transfer it later to the layout. I originally drew the design for 1366*768px (the resolution of my monitor) and kept separately all image files that are used in design at maximum resolution. However, the thought came that it is easier to draw the design under 1920px*1080px and straight from the psd file to get everything necessary for the layout of the image. In the first case I get a design that you will see on your monitor after layout (and with which you will compare your job to the coder, which has the same monitor), in the second case is much less than hemorrhoids with post-processing of images to be used in the project (just pulled all of the psd file and inserted on the website). Perhaps there is an alternative? How do you do?
June 7th 19 at 15:40
3 answers
June 7th 19 at 15:46
Now it finally became a standard adaptive design. You basically do not make the layout, and adequate for the phone and for Full HD.
As the base can take 1280 or 1024, and then to adapt the 1920's and phones.
You can start with the mobile version (currently popular methodology Mobile First)
June 7th 19 at 15:42
Solution
I used to start with 1440 (Artboard) and 1152 (container 1120+16+16). Under additional permissions, you must individually work with the design (moving/reduce/group, etc.), everything is vector, and if there is a chart, it either smartobject (if Photoshop) or a separate folder. Try from a PS layout to give using zeplin.io, all the more convenient (plug-in Ps→Zeplin→login/password coder and no heavy files, quick update, css, and html etc.:)
June 7th 19 at 15:44
1200+
960 — 1200
640 — 960
<640

This is usually enough

Find more questions by tags FrontendDesignWeb Development