Skip to content

Latest commit

 

History

History
23 lines (22 loc) · 1.16 KB

optimize_assets.md

File metadata and controls

23 lines (22 loc) · 1.16 KB

How use auto-generation of media assets:

  1. Optimize images: https://tinypng.com/
    • Upload your original image (.png, jpg)
    • Click download
    • It is important that the picture is sufficiently optimized and in good quality
  2. Optimize videos: https://video.online-convert.com/ or http://www.convertfiles.com/convert/video/ We use video of two resolutions: 1920x1080 30fps, 1280x720 30fps And video of two formats: mp4, m4v, webm
    • Upload your original video
    • Select the desired resolution and format
    • click convert and after download
  3. Generate favicons: https://www.favicon-generator.org/ We use icons for the site size: 16x16, 32x32x 144x144
    • Upload your original image
    • Click Create Favicon after download
    • Connect icons in the tag head
    • It is important that the original image is exactly equal proportions of the sides
  4. Generate fonts: https://fontie.pixelsvsbytes.com/webfont-generator
    • Click the Format tab, and select: TrueType Font, Web Open Font Format, Web Open Font Format 2
    • Click Generate & download
    • Put the fonts in the folder _assets/fonts
    • Connect fonts in _assets/css/base/_fonts.scss