Demo shows up to 19 Custom Width-Height .jpg sizes REQUIRED?

In setting up Demo Fashion Style magazine template of Newsmag each image used in the article (post) grid view has many different-sized multiples such as p5-80×60.jpg, p5-100×75.jpg, p5-150×150.jpg, p5-180×135.jpg, etc,etc,up to p5-768×513.jpg.

19 separate sized jpgs for this one article in all its responsive views.

Other articles might use 8 different width-height ratios for one image. Another article uses 11 different width-height ratios.

These images are also cropped differently for wide or height-dominant displays.

I would guess you were optimizing Responsive views so that you’d have fixed ratio sizes that would fit so many devices.

But I cannot do this for every article of a News Magazine without a full-time graphics person just to generate so many custom proportions for each article image.

Do you have an auto-generate function in Newsmag that automatically generates all needed proportions from the master full-size image?

Otherwise it appears I will not be able to work right-out-of-the-box and make my magazine articles ever look as slickly responsive as your Fashion theme demo unless i can generate up to 19 different image ratios.

What is the story here on how a new article will be created with its own representative image for different responsive sizes and/or mobile devices?

Thanks for clearing up my confusion!

Okay, now I find the answer at https://forum.tagdiv.com/newsmag-theme-thumbs/ !
Excellent!

I am replying to my old question because I have a new question about logo header images
and I can’t find a way in my account to submit a New Question.

Question January 12, 2019 —

I’m using the Newsmag 4.7 Fashion Magazine Demo install but want to revamp it into more of a Commentary & articles site. I kept “Fashion” because I like the styling.

I want to use a HEADER LOGO up to 1024 px (or greater) in Width
& I have a version up to 2500 px wide by 500 px height.

I want a Retina Image HEADER Style (the LOGO is already IN the Header image) that is responsive, full width when the browser reports it & then responsive scaling of the header down to Mobile setting.

Besides changing CSS files, what is the most direct way to alter necessary files so that NewsMag offers another Header Style with my preferences?

Using Header Style 8, despite the media library settings for this Header Image, my header image, though loaded with correct W & H pixels, only loads to the default max LOGO image in Newsmag which I guess is 572px.

What is being loaded from the Media Library is correct — width=”1199″ height=”245″ —
<img src="https://www.mytest.com/wp-content/uploads/2019/01/olympus-header-copy5-2500.png" width="1199" height="245" />

BUT the Newsmag page surrounds the same image with this instead–

<div class="td-header-sp-logo">
            <h1 class="td-logo"><a href="https://www.mytest.com/">
		<img src="https://www.mytest.com/wp-content/uploads/2019/01/header-copy5-2500.png" alt="" width="572" />
		<span class="td-visual-hidden">View from Olympus</span>
	</a>
	</h1>        </div>

I’d like to apply something like this generated with the Demo install–
`
<div class="td-full-screen-header-image-wrap"><div id="td-full-screen-header-image" class="td-image-gradient"><div class="td_marker_animation" style="height: 0; width: 0"></div></div></div>

Are there php files where I should also modify the generation page preferences besides overwriting the default CSS?

Thank you for having the patience to read this!

• This reply was modified 7 years by ThunderSky.
• This reply was modified 7 years by ThunderSky.