If you have a support question or comment, click the Post New Topic link below. Sytist Manual | Sytist Articles | Facebook Page.

Billboard Image Size

 
Please log in or Create an account to post or reply to topics.
 
Daniel Halstead
Tue Feb 18, 14
7:36 AM
Hi,
I have made a few billboards and the size has worked out ok in the past (i was not worried about the layout of the image)
I now have made a slide but it is cropping it, I have done the following in photoshop:
resized the image to a width of 1024 width (did not work)
I also resized it to a height of 250 pix (as per my settings) (this did not work either)
both times the image was larger than the billboard.
sorry can't figure it out.

Daniel
 
 
 
 
 
Tim - PicturesPro.com
admin
Tue Feb 18, 14
8:45 AM
The width of the billboard adjusts to the screen width of the display area of the page. When editing a billboard it is set to 1024px, so the default is 1024 x 250 (if the height is set to 250).

But they will be displayed larger or smaller depending on the visitor screen resolution and device. The largest is going to be the max width of your theme (1600 by default).

SO ... to figure out the best size to fit your billboard with little or no cropping, take the height you set for the billboard divided by 1024 ... 250 / 1024 = .244

Then 1600 * .244 = 390
Size to create 1600 by 390
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Margaret Oliver
Tue Feb 18, 14
5:09 PM
thank you!! I was having trouble getting my billboard to not look like crap on retina displays. This did the trick.

On the subject of billboards, I wasn't seeing the little grab handle to drag and move the text, so I was putting spaces in first for placement. I learned the hard way that if your billboard text starts with a space, it doesn't save the text and you'll think you're losing your mind repeatedly trying to enter it. Hopefully I'm the only one who did that, but just in case, here it is? ;)
Adina Hayne
Sat Jun 28, 14
8:07 PM
I am still not able to adjust my billboard size. It is stretching the billboard to fit the entire width of my screen. My uploaded billboard side is 1546x454 px which is the same size and the demo stylist site. How can I fix this issue?
 
 
 
 
 
Tim - PicturesPro.com
admin
Mon Jun 30, 14
5:33 AM
The billboards are designed to adjust to the width of the page which the max width is set in your theme.

What do you have the height setting set to when you edit the billboard?
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Adina Hayne
Tue Jul 01, 14
9:14 AM
It is set to 500px. I wanted it to be the exact size of the demo, which I have attached the screen shot. I also love the fonts that are used if you could share what those are as well.

Attached Photos
 
 
 
 
 
Tim - PicturesPro.com
admin
Tue Jul 01, 14
1:56 PM
In the demo, the billboard is set to 300px in height. The slides are not cropped to match the dimensions. But if you wanted them to be the same dimensions then you would create them:

300 pixels in height:
(300 / 1024) * 1600 = 469
1600 x 469

500 pixels in height:
(500 / 1024) * 1600 = 782
1600 x 782

The font in the billboards in the demo is the google font "Bitter".
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
ewood
Fri Aug 28, 15
1:53 PM
HI Tim,

It looks like you use the same templates for www.picturespro.com site as Sytist? If so what are the settings in getting something similar to the www.picturespro.com home page? Billboard, template settings and images dimensions your using. I like the billboard going to the edge.

Thanks again,

Ed

Tim - PicturesPro.com
admin
Fri Aug 28, 15
3:25 PM
Yep, I use Sytist for picturespro.com.

Attached is the screen shot of my settings for the billboard on the home page.

Here is a link to one of the slides:
http://www.picturespro.com/sy-photos/2014/12/24/06/large_0a79b1df7_slide3.jpg
Attached Photos
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
ewood
Fri Aug 28, 15
3:36 PM
Oh nice perfect and how did you get the words on the billboard the such as;

Sell prints
Downloads
Collections (packages)
Services
and more...

in a fashion where the words move into the billboard...

Thanks

Ed
ewood
Fri Aug 28, 15
3:39 PM
woooops disregard duh I see it now CLF-Display settings

Tim - PicturesPro.com
admin
Fri Aug 28, 15
3:41 PM
CLF-Display is something different. After uploading a billboard slide, you add text .. see attached and this.
https://www.picturespro.com/sytist-manual/site-design/billboards/
Attached Photos
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Lionel unartvisuel
Mon Apr 11, 16
7:56 AM
Option to have full size images in height in billboard galleries.

I've done a script in Photoshop that takes my image, determines the height to what I have decided in the billboard height in pixels, then add the background colour of your site on each side of the image to fit to the billboard size.
My image is then centred, full size in height with invisible borders as they are the same colour than my background.

With the previous post from Tim I've taken this calculation to set the width.

500 pixels in height:
(500 / 1024) * 1600 = 782
1600 x 782
Attached Photos
Edited Mon Apr 11, 16 8:05 AM by Lionel unartvisuel
 
 
 
 
 
Marybeth
Tue Apr 26, 16
10:09 PM
Any help is appreciated.. my billboard images look like crap no matter what I size them as in photoshop. I tried your calculation above Tim. My billboard is set at 400px height. I did the following calculation: 400/1024*1600 which would then equal 1600x625. I cropped the image to these dimensions in Photoshop and it looks great and sharp. Once it uploads to my billboard, it looks soft, pixelated, and like it's being blown up or enlarged and losing pixels. Please help.

Edited to add: I figured this out (of course only moment after posting this help topic, but hours of madness in photoshop, haha!). In the Photo settings area in sytist, it was set to automatically reduce the size of my uploaded images to 1000px. I changed this to be 1600px and it's perfect! :)
Edited Tue Apr 26, 16 10:17 PM by Marybeth
Michelle Robertson
Fri May 13, 16
6:34 PM
I'm having a problem with the billboards and cannot figure out what math I need to do to get the billboard to fill the screen on my monitor. I love the effect of a full image on the home screen, like one of the featured sites shows, nicolezimmerphotography.com.

Here are my specifics:

Picture Dimensions: 1500X1072
Sytist Theme Width (Content Area Width): 2400
Billboard Height: ????

The height on the monitor I would like it to fill is 1350px.

No matter what I do with the billboard height, it is too big and will only shrink so far. If I try to resize the image to a smaller scale (1200X858) and bring down the bilboard height it is way too short, but increasing the height makes it go large again. So can someone tell me how the formula above should have my variables substituted to find out how to make the billboard fill the 1350px height that I'm trying to achieve? Once I figure this out I'm hoping to have a template that I can use to change the image.

Thank you!
Tim - PicturesPro.com
admin
Sun May 15, 16
8:52 AM
That site is actually using the CLF Display on the home page, not a billboard, which fills the screen
http://www.picturespro.com/sytist-manual/site-design/clf-display/
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
David Osburn
Wed Dec 21, 16
9:42 PM
I tried Marybeth's suggestion about changing the uploaded image size but it didn't help my image. It still looks blurry. Any suggestions?

Loading more pages
Sign up for email promotions.
Your information is safe with us and won't be shared.
Thank you for signing up!
 
©2003 - 2017 Grissett, LLC. All Rights Reserved.
Loading More Photos
Scroll To Top
Close Window
Loading
Close