WordPress adding scaled images that don’t exist

I’m building a theme in _S and using native Gutenberg blocks.

I have the following code via my functions.php file to set my image sizes:

add_theme_support( 'post-thumbnails' ); add_image_size( 'carousel', 1366, 550, true ); add_image_size( 'hero', 1366, 400, true ); add_image_size( 'large-square', 392, 340, true );  add_image_size( 'medium-square', 279, 314, true ); add_image_size( 'small-square', 215, 170, true ); add_image_size( 'diagram', 650 );  add_image_size( 'full-width', 884 );  add_image_size( 'half', 430 );  add_image_size( 'third', 279 );  add_image_size( 'quarter', 203 ); 

I also have this code to remove the default image sizes:

function remove_default_image_sizes( $  sizes) {     unset( $  sizes['thumbnail']);     unset( $  sizes['medium']);     unset( $  sizes['medium_large']);     unset( $  sizes['large']);     return $  sizes; } add_filter('intermediate_image_sizes_advanced', 'remove_default_image_sizes'); 

When regenerating my thumbnails via WP CLI, images are being scaled up to 2048px. This size doesn’t exist.

I’m also noticing a suffix “scaled” being added to each generated image, like so:

image-scaled-2048x600.jpg 

I’ve not seen this suffix before.

Where could WordPress be getting these image sizes from? Does the “scaled” suffix have anything to do with it?

Images look bad with perfect paragraph width

I’m working on a WordPress template and trying to maintain perfect line width of ~70 characters. My blog has a lot of posts and most of the post contain at least one image per paragraph, usually more. So the site is quite media-heavy.

1. BAD

enter image description here

Screenshot above shows post content view with wrapper set to be 1140px wide, it’s extremely hard to read as there are up to 150 characters per line. Maybe at first everything looks a-okay but in reality it’s extremely tiring to read only after a few lines.

2. GOOD (?)

enter image description here

And here paragraphs are squashed to 700px what gives quite pleasant 50-80 characters per line.

In my opinion it looks quite alright but I’m not sure if it’s okay if the images are so much wider than text (they’re still at 1140px)? It looks fine at first but when I’m scrolling through 10 images per post my eyes are jumping from the middle of the page (text) to the left (images) and that’s becomes irritating quickly. Or maybe I’m overreacting and everything is in order?

3. MIXED (?)

enter image description here

Justifying the text might help here a little but nobody wants to read justified text. Also I feel like the images are way too small a 700px width, everything looks really compressed. I think it might be even worse than point 1, but I’m not sure.

My question is – how to tackle this issue? Is number 2 okay in your opinion? Maybe I should change something? Typography is really hard and any hints would be highly appreciated!

New Images Folder

Is there a way in WordPress to upload certain images to their own folder?

Ex: Can I create a new folder named “Products” and upload certain images to that folder? And where would I put that folder?

I need to access these images in this type of path: www.sample.com/poducts/image.png

Product catalog product images mobile

On a desktop view in the catalog there is a function that start to scroll the images of a product when you hover over them with the mouse which works perfectly fine.

But in mobile we do not have the hoover function which means that the image scrolling is not used at all. I have not been able to find any examples of shops that do this but it feels like untapped potential.

Tapping a product image opens the pdp but long press etc have been considered.

A technical limitation we have is that only the first image is loaded from the start and during the mouse enter event we load the rest of the images and start scrolling so we do not know in before hand how many images might be available.

Or would this be a bad practice all together?

Best Practices for Caption Text for Images

Website in question is a long form content focused and will include inline images as per user input when they create their blog/ content entries hence number of images in post is not controllable.

Need to decide the suitable typeface size (as a percentage of other blog body text say 70%/60%/50% of main text if it is say 14px) for image caption. Also need to determine if italics works better than regular text for image captions.

Research is providing contradictory information with some sites suggesting to use italics sparingly, other research suggesting no impact on readability on using italics. See italics being used widely across many content heavy websites and news sites for image captions.

Thanks.

Search result for images in a document library aren’t working

We have a document library that includes some images — as well as more traditional docx, pdf, xlsx, etc. In the search results that include the images they are being displayed using the Item_Default template.

I’ve checked Site Settings > Search Result Types (both for the site collection and the site) and they show that results of type Image should use the Item_Picture template. But they aren’t.

The main problem is that the Default template is showing a link to the display form form the metadata associate with the item. For example

<site>/Documents/Forms/DispForm.aspx?ID=42 

That isn’t very useful for the user in this case.

So a solution could go either way.

How do I get search results to provide a link to the actual image stored in a Documents library?

or

How do I get search to identify an image coming from a document library and actually match the Result type as it is set up in site settings?

Is there a difference between training with multiple objects in a single image and multiple objects in a different images?

I’m trying to generate data for my object detection network (which will be used for TensorFlow: ResNet).

What I’m currently curious about is this: if I have the same total amount of data (each data containing coordinates and class) is using an image with multiple objects better or would it be better to have single objects for each image?

For example, would it be better to have 5 images where each image has 10 objects (total of 50 data) or to have 50 images each with a single object (total of 50 data)?

(The numbers are for illustrative purposes only. I would be using a few thousands of data)

Calculate Ideal Body Weight for women and men with cool images

I'm selling my website http://www.tafsira7lam.com/ 8 years old domain
This website will help your visitors calculate their BMI (Body Mass Index)

Why this niche is important?
Weight has been one of the things most people have become focused on in later years
The body mass index or BMI as it’s usually shortened is a simple method, devised in order to determine, based on the height and current weight of a person whether or not they need to start working on losing weight fast….

Calculate Ideal Body Weight for women and men with cool images

Absolute URL for (MultiSite) link images

How I can I get WordPress to stop making link-image URLs relative?

I’m trying to add logos to the blog-roll widget, but WordPress makes the URLs of the images relative to the current blog.

For example, if the site is example.com/blogs, the images in the blog-roll widget at the main blog work correctly, but the ones at example.com/blogs/foobar are broken because instead of using something like /common/bloglogos/main.png (or even https://example.com/common/blog/logos/main.png), it uses https://example.com/blogs/foobar/common/bloglogos/main.png.

I’ve tried various combinations of URLs and formats, but it always makes the images’ URLs relative to the current blog which is annoying because it would require uploading the images for all of the blogs to each of them instead of having them all in a central location which can be updated as necessary with just one change.

The URLs of the links themselves are fine, it’s just the URLs of the images of the links that are the problem.