Skip to content

docs: image updates - #27672

Merged
XhmikosR merged 5 commits into
v4-devfrom
v4-dev-xmr-docs-2x-img
Nov 27, 2018
Merged

XhmikosR merged 5 commits into
v4-devfrom
v4-dev-xmr-docs-2x-img

Conversation

@XhmikosR

@XhmikosR XhmikosR commented Nov 15, 2018 •

Copy link
Copy Markdown
Member

TODO:

  • See if we can find the Stack image as an SVG
  • Try a JPEG with white background for the themes image

@XhmikosR XhmikosR added docs Documentation site and its content v4 v4, the frozen docs on gh-pages labels Nov 15, 2018
Comment thread site/index.html
<p>
Take Bootstrap 4 to the next level with official premium themes—toolkits built on Bootstrap with new components and plugins, docs, and build tools.
</p>
<img class="img-fluid mt-3 mx-auto" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="1024" height="388">

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we can save some bandwidth if we use a .jpg here, the file size of complex images tend to be higher with .png

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Last time I tried, we didn't save a lot with JPG 80%.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@MartijnCuppens: I'm gonna merge this as is for now, but feel free to experiment with JPG for the themes image and example images later.

Comment thread site/index.html
@XhmikosR

Copy link
Copy Markdown
Member Author

This reminds me, we should move the examples screenshots in assets/img/examples.

@XhmikosR
XhmikosR force-pushed the v4-dev-xmr-docs-2x-img branch from 1afd21e to 5b54847 Compare November 17, 2018 11:33
@XhmikosR

Copy link
Copy Markdown
Member Author

I'll give jpeg a go again later. I still think we should have the stack image as SVG though.

@XhmikosR XhmikosR self-assigned this Nov 20, 2018
This should reduce the amount of bytes for non-2x displays.
@XhmikosR
XhmikosR force-pushed the v4-dev-xmr-docs-2x-img branch 2 times, most recently from ec1c526 to 7ca74b9 Compare November 27, 2018 12:42
@XhmikosR XhmikosR changed the title docs: Use img srcset for the non vector images docs: image updates Nov 27, 2018
@XhmikosR
XhmikosR force-pushed the v4-dev-xmr-docs-2x-img branch from 7ca74b9 to fa480ad Compare November 27, 2018 13:15
It's pretty small compressed; a little less than 1 KB with gzip.
@XhmikosR
XhmikosR merged commit cb2b21b into v4-dev Nov 27, 2018
@XhmikosR
XhmikosR deleted the v4-dev-xmr-docs-2x-img branch November 27, 2018 13:37
@mdo mdo mentioned this pull request Nov 27, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Documentation site and its content v4 v4, the frozen docs on gh-pages

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants