Optimal resolution for images on website

Hi
I am new to website design. I am trying to create a simple website for my company. Ideally, I would like a website with high quality images (not pixelated) viewable easily on a computer screen as well as a mobile device (Ipad/smartphone). Does anyone know what the ideal resolution for my jpg images should be?

(for image in sliders, features col images, images in pages/posts)

 

Hello,

Could you please tell us which theme you are using.

 

Hi Piyush,

Yes ofcourse, I am using the Bizway theme.... also I would like the entire slider image to fit on the screen... but it seems like my header (logo, Home Page Main Heading, Home Page Sub Heading) are talking up waaaayyyy too much space. Is there a way to either decrease the space above and below the logo or get rid of the Home Page Main or Sub Headings altogether???

Regards,
Nazia

 

Hello,

The recommended dimension for slider images is 976 x 385 pixels.
The recommended dimension for features col images is 265 x 130 pixels.
The recommended dimension of images in post pages is 610 x 350 pixels.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.slider-wrapper-container h1 {
display: none;
}
.slider-wrapper-container h2 {
display: none;
} 

This will solve your issue.