Sirv CDN and Image Hosting

Thanks for reporting this. It will be addressed. An update will be posted here.

Great! Thanks for confirmation.

The Firefox Developer edition is different to Firefox and can contain bugs. Please test your page on Firefox.

We checked it and the page looks the same on Firefox, Chrome and Opera.

https://demo.sirv.com/support/hosted-screenshots/storyclusters-screenshot.png?format=jpg

Hi @etalmadgemc,

1. Good news – we have released a new version (v3.5.4) of the Sirv plugin that can place a caption under static & responsive images. It also adds that caption as alt text to the image. (In a future update, we might provide a separate field for adding different alt text to the caption.)

Enter the caption, then choose the option:

“Show caption and alt text”

Thanks!

David
Sirv.com

Hi @etalmadgemc,

1. Yes, that would be ideal. We have added a feature request for a true caption to be shown under static/responsive images. We’ll try to release this in a future plugin version. For now, its possible to show captions underneath image galleries only.

2. When align center is chosen, the plugin adds a class of aligncenter to the figure (which holds the img). This has been the behavior since v3.5.0 and tested on multiple sites. Your website might have some other CSS inherited from other (non-Sirv) code which is overriding the align. Or there may be some other issue. Whatever the cause, our support team will check your page and provide you with the solution.

We’ll keep you posted via email about the hopeful addition of captions for static/responsive images.

I’ll mark this issue as resolved now.

Thanks for using the Sirv plugin!

David
Sirv.com

Hello @etalmadgemc!

1. Captions appear for galleries. For static or responsive images, there are no captions (the text is used instead for the image alt tag). Is that OK?

2. To center the image, you should insert a fresh image (previously inserted images will not be centered). If you insert it as a responsive image, input the image width, then set Align to Center:

Screenshot of Sirv image embed settings

Without width, the image will automatically resize to 100% of the available width or its original dimensions (whichever is smaller), so it doesn’t stretch too far. Alignment will be inherited from your web page stylesheet.

If you need more help on this, please send a message to our support team via the form at https://sirv.com/contact/, with the URL of your page. Our team will check the code of your web page and give advice tailored to your exact use case.

Thanks!

David
Sirv.com

Hello again @etalmadgemc,

Thanks for your patience while we worked on the latest major update to the Sirv plugin, which has been released today.

1. A new option “Max width” is available when you embed a responsive image. A decision regarding “min width” hasn’t been made yet (the common requirement for responsiveness is for images to scale down with the screen and not cause viewport scrolling).

3. Left, right and center alignment options are now available for responsive and static images.

4. Captions can now be shown underneath image galleries or as alt text for static and responsive images. A new option allows alt text to be enabled/disabled.

Please try the latest version of the plugin and send us any questions.

Thanks!

David
Sirv.com

Not yet. We’re wrapping them up in a much larger version, coming soon. Thanks for your patience!

David

Hi @etalmadgemc,

Thanks again for highlighting these items.

1. Max and min width is a nice idea. We’re looking at adding that as a new option.

2. It’s possible to edit the HTML in Gutenberg but if we are successful in adding max/min width, your editors won’t need to edit HTML.

3. Our plugin team confirmed that alignment isn’t applied to responsive images presently. That’s an unfinished feature and is expected to be released in the next plugin version (if not, then the one after).

4. Captions are shown as visible text captions when embedding image galleries; they are added as alt/title text when embedding static and responsive images. We’re looking at how to improve this distinction and also whether captions can be shown for static/responsive images too.

The next plugin release is expected within 2 weeks, holidays permitting.

Thanks!

David
Sirv.com

Thanks @etalmadgemc, this is helpful. We’ll check and reply on each item…

Thanks for describing the steps you took to copy the images to Sirv, then sync them with your WordPress Media Library.

If anyone else is reading this and needs help, you can send a login to your WordPress admin to the Sirv technical support team via the official contact form.

Thanks!

David
Sirv.com

Responsive images will automatically fit the space surrounding them. For example, if the area is 500px width, the image will be embedded at 500px width (assuming height isn’t restricted). A user with a larger or smaller screen, will receive a different size image, which perfectly fits the available space. It’s truly responsive and an unlimited number of versions of that image can exist.

By default, there is no minimum width. To set a minimum width of 600px, you can add a div around your image, containing the min-width property e.g.

<div style="min-width:600px">
Here's the div & img code generated by Sirv plugin
</div>

Or just add the min-width property inside the first Sirv div:

style="min-width:600px"

Regarding left alignment, you did the right thing and the code is correct. It probably just doesn’t appear to be left aligned because its so wide that it fits the full width of the available space, so there’s no visual difference between left alignment and center alignment. If it still appears center aligned, its unlikely but possible that some other CSS on your page is overriding the left alignment. You can send us the URL of your page via our secure contact form and our team will check your code.

Please try changing the path to:

/wp-content/uploads/2019/04/some-image.png

Once you’ve performed number 2, you can click the “Sync Images” button to sync all images at once.

Good plan. There are probably 3 solutions:

1. Find & replace would be a fast solution for updating 100 images. You could upload them to your Sirv account at https://my.sirv.com/, maintaining the existing folder structure, then just replace the domain part of the image URL with your Sirv domain.

It’s worth noting that all paid Sirv plans include a free SSL certificate and a custom domain, so you could serve your files from something like:

https://cdn.your-domain.com/

2. Alternatively, you could use Find & replace and change the domain to your WordPress domain. Upload the the images to your WordPress server, then the Sirv plugin will automatically fetch the images from your WordPress server the next time they’re requested.

3. If for some reason you can’t easily mimic the WordPress /2019/03/ (yyyy/mm/) folder structure, Find & replace might not be suitable. In that case, you could upload the 100 images to your Sirv account (in any folder structure), then manually remove the existing image from each WordPress post, then add it using the “Add Sirv Media” button.

If you’d like our help, please use our secure contact form to send us a login to your WordPress admin.

Thanks!

David
Sirv.com