Images

Exquisite is HDPI/Retina Ready so it’s recommended to use high resolution images for the best results on every device, but they have to be small sized as well for the optimal page speed. You should use images that resolution is higher than 2880x2160px for featured images, but also their size is smaller than 300-400kb. The system generates all of the different image sizes in normal and retina resolution automatically, you just need to make sure your image is large enough to do it. If your image resolution is not large enough for retina images, the theme uses the normal versions instead. You can use our Photoshop Components (included in the theme package) to know exactly what size you should use for certain areas and style them to look just like in the concepts. We recommend to use http://compressjpeg.com/ for compress your images.

Note: Make sure you’re using at least 800x500px featured images, otherwise WordPress cannot crop them properly.

Optimize images in Photoshop:

1. Open your image in Photoshop
2. Go to File > Export > Save for Web or hit Ctrl+Alt+Shift+S on Windows or Cmd+Opt+Shift+S on Mac
3. At the top right corner of the dialog change the Preset to JPEG High (use PNG24 for logos or images without backgrounds and PNG8 for gradients)
4. Change the Quality to 30-50% depending on the image, but try to use the lowest amount possible (You can see your image how it looks in the preview window.)
5. In the Image Size section you can change the size of the image. Dimensions should be at least 2880px width or 2160px height for featured images. (Don’t worry if one dimension larger than the recommended, like 3840×2160, WordPress will take care of that.)
6. Click on the preview window to refresh your file size at left bottom corner under JPEG, it should be less than 300-400kb.
7. Finally click on Save
8. We recommend to use http://compressjpeg.com/ for compress your images more.

Resize images in WordPress:

1. Go to Media > Library
2. Click on the image you want to modify, then in the popup click on Edit Image
3. In the Scale Image section change the dimensions then click on the Scale button
4. If you want to crop something out of your image you can do that by making a selection on the image than click the first icon
5. Click Save

How to Use Photoshop Components:

1. Download the theme package from Themeforest
2. Go to Photoshop Components folder
3. Find your concept and area what you want to modify
4. Open .psd in Photoshop
   • Change Image:
     1. Click on the thumbnail double where it says “PUT YOUR IMAGE HERE”
     2. Drag your image in
     3. Edit > Free Transform
     4. Hold Shift while resize your image by dragging one of the corners (make sure it covers the screen)
     5. File > Save
     6. File > Close
   • Change Color:
     1. Click on the thumbnail double where it says “CHANGE YOUR COLOR HERE”
     2. Select your color and click ok
   • Change Gradient:
     1. Click on the FX icon double where it says “CHANGE YOUR GRADIENT HERE”
     2. Go to Gradient Overlay
     3. Click on the color where it says “Gradinet”
     4. Click double on each color square
     5. Change the color and click ok
5. Optimize images in Photoshop (See above)