Logo
  • Home
  • Explore

    How to make a website

    Unit 1

    Unit 1: Introduction to Website Creation

    Chapter 1: What is a Website
    Chapter 2: Website Creation Process
    Chapter 3: Importance of Having a Website

    Unit 2

    Unit 2: Web Design Basics

    Chapter 1: Introduction to Web Design
    Chapter 2: Color Theory
    Chapter 3: Typography

    Unit 3

    Unit 3: HTML Basics

    Chapter 1: What is HTML
    Chapter 2: HTML Tags and Elements
    Chapter 3: Creating a Basic Webpage

    Unit 4

    Unit 4: CSS Basics

    Chapter 1: What is CSS
    Chapter 2: CSS Selectors and Styling
    Chapter 3: Responsive Web Design

    Unit 5

    Unit 5: Website Optimization

    Chapter 1: Introduction to Website Optimization
    Chapter 2: Image Optimization
    Chapter 3: Page Speed Optimization

    Unit 5 • Chapter 2

    Chapter 2: Image Optimization

    Summary

    The speaker discusses their website, which has a lot of users and uses close to a terabyte of bandwidth per month. They mention that the images on the website load quickly because they are optimized for mobile and desktop usage, and the total size of all the images is less than 100 megabytes. They share an optimization script for website design and image optimization. They recommend using Linux for this process, but also mention an image resizer for Windows users. The script can change the resolution, optimize PNG and JPEG files, and even convert images to webp format. The speaker mentions that despite having several hundred articles on their website, they only have around 50 megabytes worth of images hosted on GitHub. They emphasize the importance of optimizing images and provide instructions for installing the necessary commands to use the optimization script.

    PreviousChapter 1: Introduction to Website Optimization
    NextChapter 3: Page Speed Optimization