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

简介: png,jpg,jpeg,gif,webp这些图片格式解释一下,分别什么时候用?

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站也叫极客李华。大家喜欢也可以关注一下

相关文章
|
1月前
|
存储 编解码 UED
网站图片JPG、PNG、GIF哪个好,该选择谁
网站图片JPG、PNG、GIF哪个好,该选择谁
47 0
|
5月前
|
Web App开发 XML 存储
一篇文章讲明白JPG、PNG、GIF、SVG等格式图片区别
一篇文章讲明白JPG、PNG、GIF、SVG等格式图片区别
jpg、png、gif 的区别是什么?如何进行选择?
jpg、png、gif 的区别是什么?如何进行选择?
53 0
jpg、png、gif 的区别是什么?如何进行选择
jpg、png、gif 的区别是什么?如何进行选择
57 0
|
存储 Web App开发 编解码
图片:前端展示图像(img 、picture、svg、canvas )及常用图片格式(PNG、JPG、JPEG、WebP、GIF、SVG、AVIF等)
图片:前端展示图像(img 、picture、svg、canvas )及常用图片格式(PNG、JPG、JPEG、WebP、GIF、SVG、AVIF等)
849 1
|
存储 XML 算法
BMP、GIF、TIFF、PNG、JPG和SVG格式图像的特点
BMP、GIF、TIFF、PNG、JPG和SVG格式图像的特点
BMP、GIF、TIFF、PNG、JPG和SVG格式图像的特点
PNG、JPEG、BMP等几种图片格式详解
PNG、JPEG、BMP等几种图片格式详解(一)—— PNGPNG、JPEG、BMP等几种图片格式详解(二)—— JPEGPNG、JPEG、BMP等几种图片格式详解(三)—— BMPPNG、JPEG、BMP等几种图片格式详解(四)—— GIF ...
1202 0
|
存储 算法 图形学
关于图片的PNG与JPG、JIF格式
关于图片的PNG与JPG、JIF格式
1285 0
GIF、JPEG 和 PNG的区别在哪…
原文地址:GIF、JPEG 和 PNG的区别在哪里?作者:苗得雨 GIF、JPEG 和 PNG 是三种最常见的图片格式。 GIF:1987 年诞生,常用于网页动画,使用无损压缩,支持 256 种颜色(一般叫 8 bit 彩色),支持单一透明色; JPEG:1992 年出世,照片一...
1133 0
|
存储 算法 索引
JPG、PNG和GIF图片的基本原理及优…
JPG、PNG和GIF图片的基本原理及优化方法 一提到图片,我们就不得不从位图开始说起,位图图像(bitmap),也称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。
1414 0