| Author |
 Topic  |
|
|
gatorman1956
Starting Member
3 Posts |
 Posted - March 17 2016 : 16:36:29
|
| Really enjoying V8 and want to spruce things up a little and would like to know if there''s an ideal/best size for a top banner (sliding or static). I didn''t see anything in the User guide. Thanks. |
|
|
danielrichardson
VP-CART Super User
Australia
276 Posts |
Posted - March 21 2016 : 06:20:13
|
| Better use 1200 x 429 px (default) because sometimes if we use any size, the banner is not fitting well. And use .gif file type is better. It will reduce loading time( the site speed), rather than using .jpg .png .bmp. |
 |
|
|
gatorman1956
Starting Member
3 Posts |
Posted - March 23 2016 : 13:01:56
|
quote:
Originally posted by danielrichardson
Better use 1200 x 429 px (default) because sometimes if we use any size, the banner is not fitting well. And use .gif file type is better. It will reduce loading time( the site speed), rather than using .jpg .png .bmp.
|
|
|
|
gatorman1956
Starting Member
3 Posts |
Posted - March 23 2016 : 13:03:04
|
quote:
Originally posted by danielrichardson
Better use 1200 x 429 px (default) because sometimes if we use any size, the banner is not fitting well. And use .gif file type is better. It will reduce loading time( the site speed), rather than using .jpg .png .bmp.
I''ll give it a try. Thanks for the insight. Much appreciated. |
|
|
|
danielrichardson
VP-CART Super User
Australia
276 Posts |
|
|
serjtankian
VP-CART Super User
Armenia
378 Posts |
Posted - April 19 2016 : 13:20:03
|
quote:
Originally posted by gatorman1956
quote:
Originally posted by danielrichardson
Better use 1200 x 429 px (default) because sometimes if we use any size, the banner is not fitting well. And use .gif file type is better. It will reduce loading time( the site speed), rather than using .jpg .png .bmp.
im personally not recomending to use .gif file type for larger banner, the quality of image will not good as png or jpeg. .gif is good for icon or small image file, but not for large image file, that''s my opinion
*serj* |
Edited by - serjtankian on April 19 2016 13:20:25 |
|
|
|
danielrichardson
VP-CART Super User
Australia
276 Posts |
Posted - April 20 2016 : 08:03:02
|
| if only the picture with a low pixel, i think you can try using .gif file. |
|
|
|
squirrel
VP-CART New User
USA
73 Posts |
Posted - April 20 2016 : 23:18:56
|
Hey guys 
Just wanna chime in...
Well, gif images are great for creating very low resolution files for your website. They support transparency, which is great. Transparency allows you to place the gif over any color background or even photos, and you won’t see a border or background in the image. All you will see is the icon.
You typically use a gif for simple logos, icons, or symbols. Using a gif for photos is not recommended, because gifs are limited to 256 colors. In some cases you can use even less. The less colors that are in your image, the smaller your file size will be. Gif files also support a feature called interlacing, which preloads the graphic. It starts out blurry and becomes focused and crisp when it is finished downloading. This makes the transition for your viewer easier, and they don’t have to wait as long to see logos or icons on your site.
Gifs also support animation. Gifs don’t support the level of animation that Flash files do, but it still allows you to add movement or transitions to your site, without a lot of programming or coding. More advanced web designers and developers tend to use jQuery to create animated effects. Gif files are also compressed, which gives them a small file size.
On the other hand, Jpeg files can be relatively small in size, but they still look crisp and beautiful. Jpegs support up to 16.7 million colors, which makes them the right choice for complex images and photographs. With the wide range of colors, you can have beautiful imagery without a bulky file size. With new responsive techniques, you can also have flexible images without large loading times. There are also progressive jpegs, which preload similar to interlaced gifs. They start out blurry, but come into focus as their information loads.
Whereas, PNG files were developed to build upon the purpose of gifs. Designers need the ability to incorporate low-resolution images that load quickly but also look great, too. This is where PNG comes in. PNG-8 does not support transparency, but PNG-24 and PNG-32 do. PNG transparency is different from Gif transparency, because they can have different levels of transparency. Gifs are either transparent or opaque.
Moreover, PNG files are lossless, which means that they do not lose quality during editing. This is unlike jpegs, where they lose quality. PNG files tend to be larger than jpegs, because they contain more information, and are lossless. PNG files do not support animation. For this purpose, a gif should be used.
Therefore, my 2 cents is that it is better to use jpeg for the slider image and maintain the image size around the default size (around 1200px x 430 px). Also, You mainly use a gif file format for logos and graphics with solid areas of color. You wouldn’t use a photographic image, or a graphic with gradients.
P.S. - Don''t forget to optimize the images before uploading them using an image optimization tool like https://kraken.io/
Thanks,
Daniel
|
Edited by - squirrel on April 21 2016 00:06:35 |
|
|
|
serjtankian
VP-CART Super User
Armenia
378 Posts |
Posted - April 21 2016 : 18:51:45
|
a very clear explanation squirrel !
*serj* |
|
|
|
danielrichardson
VP-CART Super User
Australia
276 Posts |
Posted - April 25 2016 : 07:45:58
|
| Thank you squirrel for your information. |
|
|
|
squirrel
VP-CART New User
USA
73 Posts |
Posted - August 29 2016 : 22:04:02
|
You are welcome @danielrichardson
Just remember to optimize the images before uploading to your server as non-optimized images results in slow loading times (increased page size).
Thank you.
Best Regards,
Daniel
Be Happy Always |
|
|
| |
Topic |
|
All Forums
Banner Image Size
New Topic
Printer Friendly
TrustGuard - PCI Security Scanner
