png,jpg,jpeg,gif,webp这些图片格式解释一下，分别什么时候用？

• 作者简介：一名后端开发人员，每天分享后端开发以及人工智能相关技术，行业前沿信息，面试宝典。
• 座右铭：未来是不可确定的，慢慢来是最快的。
• 个人主页：极客李华-CSDN博客
• 合作方式：私聊+
• 这个专栏内容：BAT等大厂常见后端java开发面试题详细讲解，更新数目100道常见大厂java后端开发面试题。
• 我的CSDN社区：https://bbs.csdn.net/forums/99eb3042821a4432868bb5bfc4d513a8
• 微信公众号，抖音，b站等平台统一叫做：极客李华，加入微信公众号领取各种编程资料，加入抖音，b站学习面试技巧，职业规划

png,jpg/jpeg,gif,webp这些图片格式解释一下，分别什么时候用？

简介

简介：这是一个常见的HTML的面试题，本文讲解png,jpg,gif,webp这些图片格式的含义，一般什么时候使用。

讲解

png:无损压缩，尺寸体积要比jpg/jpeg的大，比较适合用于制作小图标。
jpg:采取压缩算法，有一些失真，比png的体积要小，适合制作中大图片。
gif:一般用于制作动态图片，

webp:这个我们在网页上直接下载的很多都是这种图片，它是同时支持有损或者无损压缩，同质量的图片，webp具有更小的体积，兼容性不是特别的好。

当 WebP 将 JPG 压缩到相当于原图 90% 质量 时，图片体积减少了 50% 左右。当 WebP 将 JPG 压缩到相当于原图 80% 质量时，图片体积则减少了 60%~80%。

jpg与jpeg的区别：
JPG和JPEG其实是一个东西。JPEG是JPG的全名、正式扩展名。但因DOS、Windows 95等早期系统采用的8.3命名规则只支持最长3字符的扩展名，为了兼容采用了.jpg。而由于Mac并不限制扩展名的长度，当时苹果机上都使用了.jpeg的后缀名。虽然现在windows也可以支持任意长度的扩展名了，但大家已经习惯了.jpg的叫法，也就没有强制修正。也因历史习惯和兼容性考虑，.jpg目前更流行。其他扩展名还包括.jpeg、.jpe、.jfif以及.jif。

凑字数

最长连续不重复子序列

给定一个长度为 n的整数序列，请找出最长的不包含重复的数的连续区间，输出它的长度。

输入格式
第一行包含整数 n。

第二行包含 n 个整数（均在 0∼105范围内），表示整数序列。

输出格式
共一行，包含一个整数，表示最长的不包含重复的数的连续区间的长度。

数据范围
1≤n≤105
输入样例：
5
1 2 2 3 5
输出样例：
3

算法思路

for (int i = 0; i < n; ++ i) a[i] = in.nextInt();
for (int i = 0, j = 0; i < n; ++ i)
{
s[a[i]] ++; // 统计每个数字出现的次数
while(s[a[i]] > 1) // 如果现在出现的这个数字重复了 然后那么【j,i】这一段的所有子序列的连续长度都要减一
{
s[a[j]] --; // 这里要注意是j一直是不大于i的
j ++;
}
res = Math.max(res, i - j + 1);
}

首先是统计每一个数字的出现的次数，定义一个s数组用于记录每一个a[i]的出现次数，然后在通过一个循环进行判断，如果当前这个s[a[i]]>1，代表的是当前这个数字已经重复了，然后对于[i, j]这一段的所有的子序列的连续长度都需要减一。然后让j ++,这一步就是缩短区间的长度，s[a[j]]–代表的就是，当前已经出现重复了，然后需要减一次，然后j++，缩短区间长度。

最后的结果是，每次的循环区间[j, i]的最长长度。

C++

#include<bits/stdc++.h>
using namespace std;
const int N = 100010;

int a[N], s[N];
int n, res;

int main()
{
    cin >> n;
    for (int i = 0; i < n; ++ i) cin >> a[i];
    for (int i = 0, j = 0; i < n; ++ i)
    {
        s[a[i]] ++; // 记录下a[i]出现的次数
        while(s[a[i]] > 1)   // 一点碰见两个重复的元素后
        {  
            s[a[j]] --;  // 这里要主要的一点是这个算法是没有回溯的
                         // 不要被for循环里面的条件误导以为会回溯、
                         // 现在遇到两个相同的元素了
                         // ！！！ 现在是这个算法最厉害的地方 
                         // 这个j代表的是 j可以到达最左的地方 所以在j左边的
                         // 元素的个数就需要都-- 这点很妙
                         // 每次求的是 j到i之间的符合条件的最大值
            j ++;        // 然后j++
        }
        res = max(res, i - j + 1);  // 这个res的含义是 在i这个位置、
        // 可以达到的符合题目条件的最大长度
    }
    cout << res;
    return 0;
}

Java

import java.io.*;
import java.util.*;

/*这个题的本质就是双指针算法的题目*/
public class Main
{
    public static void main(String[] args) throws IOException{
        Scanner in = new Scanner(System.in);
        int n = in.nextInt();
        int [] a = new int [n + 10];
        int [] s = new int [n + 10];
        int res = 0;
        for (int i = 0; i < n; ++ i) a[i] = in.nextInt();
        for (int i = 0, j = 0; i < n; ++ i)
        {
            s[a[i]] ++;   // 统计每个数字出现的次数
            while(s[a[i]] > 1)    // 如果现在出现的这个数字重复了 然后那么【j,i】这一段的所有子序列的连续长度都要减一
            {
                s[a[j]] --;       // 这里要注意是j一直是不大于i的
                j ++;
            }
            res = Math.max(res, i - j + 1);
        }
        System.out.println(res);
    }
}

如果大家觉得有用的话，可以关注我下面的微信公众号，极客李华，我会在里面更新更多行业资讯，企业面试内容，编程资源，如何写出可以让大厂面试官眼前一亮的简历等内容，让大家更好学习编程，我的抖音，B站也叫极客李华。大家喜欢也可以关注一下