Suggestion: Add option to rewrite all image embeds in SelfSteem articles to HTTPS
This post is about the SelfSteem repository by @almost-digital, which is described in https://steemit.com/@almost-digital/introducing-selfsteem-a-self-hosted-steem-powered-blog and recently updated in https://steemit.com/steemdev/@almost-digital/selfsteem-update, of which one of them was based on my issue. This has been a very good tool to sync a website with my Steemit posts.
The Node.js scripts that are related to this should be changed to embed images that have http:// to //.
This is implementable by finding http:// links in formats such as
![Description](http://i.imgur.com/foo.jpg) within the original Steem post to
![Description](https://i.imgur.com/foo.jpg). This may be implemented using a search/replace code or some other way. An alternative is to change the img tag in the finished HTML, for example
<img src="http://i.imgur.com/foo.png" alt="Description" style="width:362px;height:362px;"> to
<img src="//i.imgur.com/foo.png" alt="Description" style="width:362px;height:362px;">.
Also, a more plausible, and possibly easier alternative is to feed the URLs from https://steemit-production-imageproxy-thumbnail.s3.amazonaws.com to show the images on the SelfSteem-based websites. Sites like Busy.org and Utopian.io show images from the image proxy, so this can make an easier and more universal solution.
Mockups / Examples
If this is implemented, browser screens will show
Image source: https://blog.easynews.com/http-vs-https-whats-the-difference/
instead of showing situations like
Image source: https://textslashplain.com/2017/01/10/security-ui-in-chrome/
No non-HTTPS warnings will be shown, and this will contribute to giving website users more security.
An example from the alternative solution is that the resulting site will link to
<img src="https://steemit-production-imageproxy-thumbnail.s3.amazonaws.com/fooooo" alt="Description" style="width:362px;height:362px;"> instead of
<img src="http://i.imgur.com/foo.png" alt="Description" style="width:362px;height:362px;"> for their images.
Solving this problem will lead to better HTTPS compatibility, which will secure the connections between the website and the users. Also, better compatibility between other Steem content hosting websites such as Busy.org and Utopian.io, and Steemit.com can be ensured by implementing the image embed links to https://steemit-production-imageproxy-thumbnail.s3.amazonaws.com if the second method is implemented.
Thank you very much.
Posted on Utopian.io - Rewarding Open Source Contributors