The hi-res webcomic option
New feature for Pepper&Carrot website : the High Resolution button ( HD ) displaying Pepper&Carrot artworks to 2400p!
You can test the HD buttonon all episodes, but for a first time ; I recommend episode 7 . Fastest to load ( 5 pages ). The HD button is at the end of the language buttons:
How it works :
Probably the next technical step will be a Pepper&Carrot API. This simple API will be more about the specification of folder and file naming + a JSON files updated with a database of links to work with all the pages. It should bring many options for connected applications ( eg. it would ease the creation of a computer desktop widget displaying last cover + linking all episodes ).
This feature was coded with the precious help of Sölve Svartskogen, also translator of the Polish version and contributor on the fonts. This project was possible after big autumn cleaning and refactoring with new naming convention.
Previous post Next post
License: CC BY
David Revoy, www.davidrevoy.com, .
Unless otherwise mentioned in the article.
Tags: #website #lab
Corrections and improvements are welcome:
Download article source
Remi Rampin - Reply
> Probably the next technical step will be a Pepper&Carrot API.
An RSS feed for the comics would already be good :)
Rob - Reply
It would be also great to be able to download lossless hi-res WebP images of the comic :-)
David REVOY Author, - Reply
@Remi Rampin : Hey! does this one is good enough ? http://www.peppercarrot.com/feed/en/rss/categorie3 If yes, I'll expose better this link on the front page.
@Rob : Oh I spent a lot of time on some stat and test. I tested webp on the renderfarm ; I win around 20 to 30% compression in lossless. It's good! But yes, I'm loosing half of the browsers compatibility ( if not more ). The PNG hi-resolution stored on peppercarrot.com represents 17,4 GB for 11 episode and 25 langages. Storing webP would cost almost 13GB more data stored. For my server and CPU time to convert and manage files , it's not a good option. I'm studying more and more switching the hi-res to JPG wit 92% compression. A 11MB file become a 2,3MB and the impact on quality for printing is invisible. Also, JPG is widly supported by any browser or image-editor. :)
Andrew Toskin - Reply
The HD button is good. It lets people choose to view the bigger version if they have a fast enough internet connection, or if they're willing to wait.
Another option is with "responsive images." Then, the browser *automatically* chooses the images to use, based on the user's device. In the future browsers can also optimize for the user's internet speed. The website "CSS Tricks" has a pretty good tutorial about this, if you're comfortable reading about these things in English. <https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/>
I'm working on rebuilding my website to use the srcset attribute for <img /> tags.
David REVOY Author, - Reply
@Andrew Toskin : Thanks for the HD button, and also for pointing an article about responsive picture. I'll study it! :)
Leave a reply