What is the best way to host a site with many images without it being too slow?

I have a friend that wants me to help them with their WordPress website that has about 150 images for their gallery. Their site is quite slow even after I optimized the images using the ImageOptim app. They are using SiteGround as their web host provider, but they are only using the StartUp package because it is the most affordable. I know that the site is slow to load because of the images, but not sure what the best approach is to try and speed it up without paying for a more expensive hosting package.

I am thinking that perhaps the best way to go about doing this would be to have them just put their images on Google Images and use that as their gallery instead, or maybe an Instagram feed like Smash Balloon.

What would you all suggest?

Thanks

Retrieve images from parent site to child site using current shortcodes

I have a WordPress network setup, with a parent site and a few other child sites within it. I have a custom plugin that saves content (images & posts) to a list for each user on my parent site. I also have a custom admin menu that reveals the image list via a user dropdown on my main site. I have shortcode on my parent site that reveals a user’s favorite image list by user_id.

What I’m trying to accomplish is to change the code of this custom plugin so that the lists appear on the child site/subsite via the shortcode used on the parent site. I imagine that the site_id needs to be passed through this shortcode to make it possible. I also have the custom admin menu on my subsite with the user dropdown, however, the images do not appear when I click to see those favorites.

Now I’ll preface this and say I’m not an experienced programmer but my research leads me to believe that I need to modify the code that controls the menu so it can pull the content (i.e. Media library images/attachments/attachment URLs for that post ID) from the main site to the subsites and add a shortcode and function that makes the parameter for site_id possible.

Does anyone know what query/code/function that I would use retrieve this content from the main site to the subsite so that the image lists would appear in a shortcode form and within my admin menu?

I’ve already tried plugins that allow you to sync the Media Library but they don’t work for what I’m trying to accomplishs

If you need examples of what is already established, such as current codes, shortcodes and images, I’d be happy to oblige.

Setting up second SSL certificate breaks images on first site

I have set up a new website and a new domain within my web space, but it appears that in doing so images on the original website have broken and I’m not sure how to rectify it.

The new website is located within a /p1/ folder of the root (https://www.p1-consulting.co.uk).

The original website is https://www.touringcars.net and runs WordPress, installed in the root directory.

TouringCars.Net has been running on an SSL certificate for several years now just fine.

I have now bought the new domain for P1 and an SSL certificate for it. But since doing so, images on TouringCars.Net are not displaying.

The .htaccess file in the root contains this rule:

RewriteCond %{HTTPS} !on RewriteCond %{SERVER_PORT} 80 RewriteRule ^(.*)$   https://www.touringcars.net/$  1 [R=301,L] 

Have I messed up in setting up the new P1 domain / SSL to affect the TouringCars.Net website?

Why aren’t my hero images appearing as thumbnails in the SERP?

I display hero images across the top of my blog pages. However, I use CSS images rendering through div tags and I read that google doesn’t typically index those.

So the images aren’t included as thumbnails in SERPs, see below.

Can you please confirm if there is a way to direct google to index the images like with an image sitemap?

Does an image have to be included in the IMG tag to be considered for a thumbnail in the SERP?

enter image description here

How to host images to use in Flourish

Hi guys, just wondering if anyone can help with some advice on how to host images that can link directly to Flourish to imbed in the carousel visualisation? I've got a screen shot, but it's too large to attach here. I've even compressed it.

Here is a link from their template image hosting. https://public.flourish.studio/uploads/71be6a3b-d8b2-4d73-897b-c68b8c2e69d2.png

I just want to be able to replace this with my own.

Why are retina images automatically produced?

I have a wordpress site that runs Avada theme on siteground hosting. I have recently optimised all the images using shortpixel to improve pagespeed. What I am now finding is that the retina images are slowing my mobile pagespeed, and I cannot figure out how to stop the website serving them. I have tried deleting the retina (@2x) images from the server but they reappear. Does anyone know how to turn them off?

Woocommerce stratching images

how to disable image scaling? https://chromei.ru/stulya-obedennye/stul-obedennyj-buldog-m/ It’s 304×400 JPG pic stretched to 513×675, this is rubber picture. Bigger browser – bigger stratching. I don’t need this.

This code is in functions.php of the template:

function add_thumbnail_size($  size){      $  size['width'] = 200;     $  size['height'] = 200;     $  size['crop']   = 0; //0 - не обрезаем, 1 - обрезка     return $  size; }  add_filter('woocommerce_get_image_size_single','add_single_size',1,10); function add_single_size($  size){      $  size['width'] = 400;     $  size['height'] = 400;     $  size['crop']   = 0;     return $  size; }  add_filter('woocommerce_get_image_size_gallery_thumbnail','add_gallery_thumbnail_size',1,10); function add_gallery_thumbnail_size($  size){      $  size['width'] = 100;     $  size['height'] = 100;     $  size['crop']   = 0;     return $  size; }  // Отключаем разметку srcset add_filter('max_srcset_image_width', create_function('', 'return 1;'));  // Отключаем создание 768px изображений function unset_medium_large($  sizes) {     unset($  sizes['medium_large']);     return $  sizes; } add_filter('intermediate_image_sizes_advanced', 'unset_medium_large'); 

Thumbnails Regeneration used, 0-0-0 – in the settings of the pictures WP. But still rubber pictures.

How to fix it, gentlemen?

“higher intensity” and “high signal intensity” in images

I’m newbie in Computer Vision and image processing.

I’m reading the article “Automated White Matter Hyperintensity Detection in Multiple Sclerosis Using 3D T2 FLAIR” and it said:

2.2.4. WMH Segmentation with High Spatial Frequency Suppression

White matter lesions have higher intensity and generally clear boundaries relative to the surrounding WM. Unfortunately, in the 3D T2 FLAIR images, the GM can also present with high signal intensity, especially in elderly people.

What does it means “higher intensity” and “high signal intensity”?

I think it means that white matter lesions are very white but I’m not sure because I don’t understand why the use the words “intensity” and “signal” when they are talking about images.

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?