Skip to content

docs: image updates#27672

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

docs: image updates#27672
XhmikosR merged 5 commits intov4-devfrom
v4-dev-xmr-docs-2x-img

Conversation

@XhmikosR
Copy link
Copy Markdown
Member

@XhmikosR XhmikosR commented Nov 15, 2018

TODO:

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

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants