Changing advertisment size depending on browser width?

[Henrik Blomgren]

Hi all,

Just a quick thoughtline. I put my site http://deculture.se on ice. I am currently making a redesign of it and will give it a fresh look, a fresh new direction and hopefully me as well will get the power and imagination back to write articles again.

When I am designing my site now I want to get the site used on advertisments. I have plugin and ads ready to go, but I want feedback on one thing.

Placing a 300x250px wide advertisment below a single post on mobile kinda ruins the flow of the design. Sure it brings eyes to it but when you have to scroll so much to get below it? not the best idea. So here comes my idea. Make two groups of advertisments, one filled with 300x250px wide ads boxes and then the other group is filled with 729x80px advertisments.

The issue is how this will make my site slower? or if there are any easy way of now loading the other batch of advertisments when they are not needed. Or should I simply go with the base 300x250px advertisment block below the post and focus on other things?

It´s so hard thinking about these things all the time. Makes you want to lose it sometimes right?

[Victor Font]

You could adjust the size of the image in the media queries. That's what they're there for, to adjust the display on mobile devices.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Henrik Blomgren]

Hi Victor,

Thanks for the answer. But if you use media queries to turn a static studiopress banner with a width of 300x250px into another studiopress banner that is 729x80px by media queries alone your a magician as I´ve never read or seen static images when switched with media queries switching between two separate images nor have I seen any css code turn a big block of a banner into a sexy small wide banner.

If I´d written code for one block of advertisment and written words and finished it off with a button that links to said page? Then media queries is the way to go. But not with static images that are of two complete different formats. Ever tried getting a 2560x1400 image on a 800x600 screen? You only get the middle of the image or you make the image stretch and look bad in some way.

So your answer was a run on the mill. I´ve been designing sites and doing media queries for about 3 years now. Nowhere have I found a media query that explicitly changes one image into another when code from a plugin is outputed. Making the container work magic? yes. Images filling out the whole screen? easy enough. But turning the studiopress advertisment box into a lying tower with media queries alone without losing quality, sharpness or anything of the image? never seen it.

[Author]

Posts