面试前必知必会的二分查找及其变种

分手后的思念是犯贱 2022-12-28 12:34 88阅读 0赞

点击上方“**五分钟学算法**”，选择“星标”公众号

重磅干货，第一时间送达![format_png][]

![format_png 1][]

今天给大家带来的是二分查找及其变种的总结。

袁记菜馆内。

> 店小二：掌柜的，您进货回来了呀，哟！今天您买这鱼挺大呀！
> 
> 袁厨：那是，这是我今天从咱们江边买的，之前一直去菜市场买，那里的老贵了，你猜猜我今天买的多少钱一条。
> 
> 店小二：之前的鱼，30 个铜板一条，今天的我猜 26 个铜板。
> 
> 袁厨：贵了。
> 
> 店小二：还贵呀！那我猜 20 个铜板！
> 
> 袁厨：还是贵了。
> 
> 店小二：15 个铜板。
> 
> 袁厨：便宜了
> 
> 店小二：18 个铜板
> 
> 袁厨：恭喜你猜对了

上面的例子就用到了我们的二分查找思想，如果你玩过类似的游戏，那二分查找理解起来肯定很轻松啦。

##     ##

## **二分查找**    ##

二分查找也称折半查找（Binary Search），是**一种在有序数组中查找某一特定元素的搜索算法**。我们可以从定义可知，运用二分搜索的前提是数组必须是有序的，这里需要注意的是，我们的输入不一定是数组，也可以是数组中某一区间的起始位置和终止位置。

通过上面二分查找的定义，我们知道了二分查找算法的作用及要求，那么该算法的具体执行过程是怎样的呢？

下面我们通过一个例子来帮助我们理解。我们需要在 nums 数组中，查询元素 8 的索引。

![format_png 2][]

1. 我们需要定义两个指针分别指向数组的头部及尾部，这是我们在整个数组中查询的情况，当我们在数组某一区间进行查询时，可以输入数组，起始位置，终止位置进行查询。

![format_png 3][]

2. 找出 mid，该索引为 mid =（left + right）/ 2，但是这样写有可能溢出，所以我们需要改进一下写成 mid = left +（right - left）/ 2 或者 left + ((right - left ) >> 1) 两者作用是一样的，都是为了找到两指针的中间索引，使用位运算的速度更快。那么此时的 mid = 0 + (8-0) / 2 = 4

![format_png 4][]

3. 此时我们的 mid = 4，nums\[mid\] = 6 < target，那么我们需要移动我们的 left 指针，让left = mid + 1，下次则可以在新的 left 和 right 区间内搜索目标值，下图为移动前和移动后

![format_png 5][]

4. 我们需要在 left 和 right 之间计算 mid 值，mid = 5 + （8 - 5）/ 2 = 6 然后将 nums\[mid\] 与 target 继续比较，进而决定下次移动left 指针还是 right 指针，见下图

![format_png 6][]

5. 我们发现 nums\[mid\] > target，则需要移动我们的 right 指针， 则 right = mid - 1；则移动过后我们的 left 和 right 会重合，这里是我们的一个重点大家需要注意一下，后面会对此做详细叙述。

![format_png 7][]

6. 我们需要在 left 和 right 之间继续计算 mid 值，则 mid = 5 +（5 - 5）/ 2 = 5 ，见下图，此时我们将 nums\[mid\] 和 target 比较，则发现两值相等，返回 mid 即可 ，如果不相等则跳出循环，返回 -1。

![format_png 8][]

**二分查找的执行过程如下**

*  从已经排好序的数组或区间中，取出中间位置的元素，将其与我们的目标值进行比较，判断是否相等，如果相等则返回。
 *  如果 nums\[mid\] 和 target 不相等，则对 nums\[mid\] 和 target 值进行比较大小，通过比较结果决定是从 mid的左半部分还是右半部分继续搜索。

如果 target > nums\[mid\] 则右半区间继续进行搜索，即 left = mid + 1; 若target < nums\[mid\] 则在左半区间继续进行搜索，即 right = mid -1；

**动图解析**

![format_png 9][]

下面我们来看一下二分查找的代码，可以认真思考一下 if 语句的条件，每个都没有简写。

![format_png 10][]

二分查找的思路及代码已经理解了，那么我们来看一下实现时容易出错的地方。

**易错点：**

1.  计算 mid 时 ，不能使用 （left + right ）/ 2，否则有可能会导致溢出
2.  while (left < = right)，注意括号内为 left <= right ，而不是 left < right ，我们继续回顾刚才的例子，如果我们设置条件为 left < right 则当我们执行到最后一步时，则我们的 left 和 right 重叠时，则会跳出循环，返回 -1，区间内不存在该元素，但是不是这样的，我们的 left 和 right 此时指向的就是我们的目标元素 ，但是此时 left = right 跳出循环
3.  left = mid + 1,right = mid - 1 而不是 left = mid 和 right = mid。我们思考一下这种情况,见下图，当我们的target 元素为 16 时，然后我们此时 left = 7 ，right = 8，mid = left + (right - left) = 7 + (8-7) = 7，那如果设置 left = mid 的话，则会进入死循环，mid 值一直为7 。

![format_png 11][]

下面我们来看一下**二分查找的递归写法**

![format_png 12][]

###     ###

### **例题及解析** ###

### **例题：**    ###

**题目来源：leetcode35 搜索插入位置**

给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。

你可以假设数组中无重复元素。

示例 1:

> 输入: \[1,3,5,6\], 5 输出: 2

示例 2:

> 输入: \[1,3,5,6\], 2 输出: 1

示例 3:

> 输入: \[1,3,5,6\], 7 输出: 4

示例 4:

> 输入: \[1,3,5,6\], 0 输出: 0

#### **题目解析** ####

这个题目完全就和咱们的二分查找一样，只不过有了一点改写，那就是将咱们的返回值改成了 left，具体实现过程见下图

![format_png 13][]

![format_png 14][]

## **二分查找变种一** ##

上面我们说了如何使用二分查找在数组或区间里查出特定值的索引位置。但是我们刚才数组里面都没有重复值，查到返回即可，那么我们思考一下下面这种情况：

![format_png 15][]

此时我们数组里含有多个 5 ，我们查询是否含有 5 可以很容易查到，但是我们想获取第一个 5 和 最后一个 5 的位置应该怎么实现呢？

哦！我们可以**使用遍历**，当查询到第一个 5 时，我们设立一个指针进行定位，然后到达最后一个 5 时返回，这样我们就能求的第一个和最后一个五了？因为我们这个文章的主题就是二分查找，我们可不可以用二分查找来实现呢？当然是可以的。

#### **题目描述** ####

**题目来源：leetcode 34 在排序数组中查找元素的第一个和最后一个位置**

给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。

如果数组中不存在目标值 target，返回 \[-1, -1\]。

示例 1：

> 输入：nums = \[5,7,7,8,8,10\], target = 8 输出：\[3,4\]

示例 2：

> 输入：nums = \[5,7,7,8,8,10\], target = 6 输出：\[-1,-1\]

示例 3：

> 输入：nums = \[\], target = 0 输出：\[-1,-1\]

#### **题目解析** ####

这个题目很容易理解，我们在上面说了如何使用遍历解决该题，但是这个题目的目的就是让我们使用二分查找，我们来逐个分析，先找出目标元素的下边界，那么我们如何找到目标元素的下边界呢？

我们来重点分析一下刚才二分查找中的这段代码

![format_png 16][]

我们只需在这段代码中修改即可，我们再来剖析一下这块代码，nums\[mid\] == target 时则返回，nums\[mid\] < target 时则移动左指针，在右区间进行查找， nums\[mid\] > target 时则移动右指针，在左区间内进行查找。

那么我们思考一下，如果此时我们的 nums\[mid\] = target ，但是我们不能确定 mid 是否为该目标数的左边界，所以此时我们不可以返回下标。例如下面这种情况。

![format_png 17][]

此时 mid = 4 ，nums\[mid\] = 5，但是此时的 mid 指向的并不是第一个 5，所以我们需要继续查找 ，因为我们要找的是数的下边界，所以我们需要在 mid 的值的左区间继续寻找 5 ，那我们应该怎么做呢？

我们只需在target <= nums\[mid\] 时，让 right = mid - 1即可，这样我们就可以继续在 mid 的左区间继续找 5 。是不是听着有点绕，我们通过下面这组图进行描述。

![format_png 18][] ![format_png 19][]

其实原理很简单，就是我们**将小于和等于合并在一起处理**，当 target <= nums\[mid\] 时，我们都移动右指针，也就是 right = mid -1，还有一个需要注意的就是，我们计算下边界时最后的返回值为 left ，当上图结束循环时，left = 3，right = 2，返回 left 刚好时我们的下边界。我们来看一下求下边界的具体执行过程。

**动图解析**

![format_png 20][]

计算下边界代码

![format_png 21][]

计算上边界时算是和计算上边界时条件相反，

计算下边界时，当 target <= nums\[mid\] 时，right = mid -1；target > nums\[mid\] 时，left = mid + 1；

计算上边界时，当 target < nums\[mid\] 时，right = mid -1; target >= nums\[mid\] 时 left = mid + 1;刚好和计算下边界时条件相反，返回right。

计算上边界代码

![format_png 22][]

题目完整代码

![format_png 23][]

## **二分查找变种二** ##

我们在上面的变种中，描述了如何找出目标元素在数组中的上下边界，然后我们下面来看一个新的变种，如何从数组或区间中找出第一个大于或最后一个小于目标元素的数的索引，例 nums = \{1,3,5,5,6,6,8,9,11\} 我们希望找出第一个大于 5的元素的索引，那我们需要返回 4 ，因为 5 的后面为 6，第一个 6 的索引为 4，如果希望找出最后一个小于 6 的元素，那我们则会返回 3 ，因为 6 的前面为 5 最后一个 5 的索引为 3。

题目我们已经了解，下面我们先来看一下如何在数组或区间中找出第一个大于目标元素的数吧。

找出第一个大于目标元素的数，大概有以下几种情况

![format_png 24][]

1.  数组包含目标元素，找出在他后面的第一个元素；
2.  目标元素不在数组中，且数组中的所有元素都大于它，那么我们此时返回数组的第一个元素即可；
3.  目标元素不在数组中，数组内的部分元素大于它，此时我们需要返回第一个大于他的元素；
4.  目标元素不在数组中，且数组中的所有元素都小于它，那么我们此时没有查询到，返回 -1 即可。

既然我们已经分析完所有情况，那么这个题目对咱们就没有难度了，下面我们描述一下案例的执行过程

> nums = \{1,3,5,5,6,6,8,9,11\} target = 7

上面的例子中，我们需要找出第一个大于 7 的数，那么我们的程序是如何执行的呢？

上面的例子我们已经弄懂了，那么我们看一下，当 target = 0时，程序应该怎么执行呢？

![format_png 25][]

OK！我们到这一步就能把这个变种给整的明明白白的了，下面我们看一哈程序代码吧，也是非常简单的。

![format_png 26][]

通过上面的例子我们应该可以完全理解了那个变种。

下面我们继续来看以下这种情况，那就是如何找到最后一个小于目标数的元素。还是上面那个例子

> nums = \{1,3,5,5,6,6,8,9,11\} target = 7

查找最后一个小于目标数的元素，比如我们的目标数为 7 ，此时他前面的数为 6，最后一个 6 的索引为 5，此时我们返回 5 即可，如果目标数元素为 12，那么我们最后一个元素为 11，仍小于目标数，那么我们此时返回 8，即可。这个变种其实算是上面变种的相反情况，上面的会了，这个也完全可以搞定了，下面我们看一下代码吧。

![format_png 27][]

**课后作业：**

思考一下如果数组不完全有序我们可以用二分查找吗？

--------------------

### **推荐阅读** ###

• [吴师兄实名吐槽 LeetCode 上的一道题目。。。][LeetCode]• [面试字节跳动时，我竟然遇到了原题……][Link 1]• [计算机专业的学生怎样练习编程才能把编程学精通？][Link 2]• [为什么 MySQL 使用 B+ 树][MySQL _ B_]• [一道简简单单的字节跳动算法面试题][Link 3]

--------------------

欢迎关注我的公众号“**五分钟学算法**”，如果喜欢，麻烦点一下“**在看**”，点击左下方阅读原文，获取谷歌师兄的算法刷题笔记。

![format_png 28][]

[format_png]: /images/20221120/b6ae6a4bdfd745cbb17dea558eaf9039.png
[format_png 1]: /images/20221120/a27e719ddbfc46b4a11c05bc8fb4ff34.png
[format_png 2]: /images/20221120/2cd1a2276f1f4877b465c59f9968bdf2.png
[format_png 3]: /images/20221120/1dad828290524a2fafb1922eb101d2a9.png
[format_png 4]: /images/20221120/1e688cd3d7c14abaaaa4ec759d2de07a.png
[format_png 5]: /images/20221120/21877bf4f48a407e88da7e12d495aefd.png
[format_png 6]: /images/20221120/b800200815974b03b36057bbebd63546.png
[format_png 7]: /images/20221120/62f9a31c94b5463fafb72f4f306636fa.png
[format_png 8]: /images/20221120/fc810d83ee14411bbee9d1264613c977.png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWdElVNGljWksxcnF2bXZFZmoyMVpyQ1lTWlR0Y0U0QWppYTRBaldYamQ5ZFNtdFhLS1ZSWlR5ZHcvNjQw?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWR0R2Wm4wdExITWRZUkZMb0gxbHlGaWF2QWxuc3ZCRVpQbmV3UWZDREFqRkNtdXUxTThIWGE2dy82NDA?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWV2IwaWJkOUNHbmRZZ01ESHNnWVZuTGlhUFlkWWxBMzFLY21GNW5Tek1qNDZhcTJWSmduWDJCaFEvNjQw?x-oss-process=image/format,png
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWeTNIbTI0cmxOTk9SZVlYOVpYQmtIVVdhS2c3OVIzeUp0UTVTVmFRem1DT0dOUWh4UlllWDFRLzY0MA?x-oss-process=image/format,png
[format_png 13]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWQ1Z2dEswdUdDaklRNm02VEFvenY3SDhZbmYycExXbFVxSFBzQVhsT1VUaWJEMm5VRmZSRVRWQS82NDA?x-oss-process=image/format,png
[format_png 14]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWT0xhRm1vdnN2MEtPellkb05YMjV3VW1KUDNUcmhnYWliQVVrd0tTOHlOVno5aWNxUEJNNXowbVEvNjQw?x-oss-process=image/format,png
[format_png 15]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWakJjN2s0TFhFcnZGZTV5QlJpYjRLTzF5YkE5dDBUc3RJRkhNeThlRGpQR2ZlSEltTWljeUkybVEvNjQw?x-oss-process=image/format,png
[format_png 16]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWM2lhN3gyd2ZHQnJBa2lhalE2bXI5aWJBY1VCekZZNDFiSWQ1WGFBRGtYSnpqZXNWYWtuNDl3aWJmQS82NDA?x-oss-process=image/format,png
[format_png 17]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWQjAxcWdZakhkZnA3b0VZSmljaWJaNk9HRmhTV2ZkUnFlZW5oaWMydktNSlRkVjVpYUVrdHdpYmNmQVEvNjQw?x-oss-process=image/format,png
[format_png 18]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWVUxHYWhoMHZGaWNvbTRpYmh6NlVpY0lPU05nSVZNV0NraWNnQmJXVHZ2emV2aWJTU1k5bDg3MlppYkVnLzY0MA?x-oss-process=image/format,png
[format_png 19]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWNmlhN0loRExjOEdYUDVkYkxnWWdDRGNvaWJSNEtNQzZ0VnE0Nmx5NkowZnRlZWZDNEIxVjB5NVEvNjQw?x-oss-process=image/format,png
[format_png 20]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWMTdCTGUwOGliSGJzVHlKaWNaYXpuSzhmT0Nlc0NkVDhreFFva0x4aGNLZnM2SDFuUVNNQVlZYVEvNjQw?x-oss-process=image/format,png
[format_png 21]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWQU1jZEQ2STlqcUJTRHdhaWE4ZVI3NEM4S3gwUHh3clJpYk85UHpxZHhVaHZzRzdzTmlhM2hEdGhnLzY0MA?x-oss-process=image/format,png
[format_png 22]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWaWJMbFdqTlhEcHdadDRtMEJpYVhGbmFtU0hRNkg4QTBWNEIzS1lUbEZLdDRMdlE1UzhYR0N5QXcvNjQw?x-oss-process=image/format,png
[format_png 23]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWOWRYWVZSZ3FZeDlndE5laEJDcUFaYUtZTjFXTkpOcUdLYUd5cktkZlVuWk9ycFVzN0JvSmh3LzY0MA?x-oss-process=image/format,png
[format_png 24]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWbWdIMWZzYWZsVDNkSkl5dWJUOHhLMXBabURpYlRWV2ZmSVlHbVBGS2VhWkxveHREbk1UWGFpY1EvNjQw?x-oss-process=image/format,png
[format_png 25]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWMXpKVlp4WkZweERqTjhpYnZFNHVsRFpUUVhadldObVFKVEZOWGpLaWNLeUR3aklOcHp6U21QaWNnLzY0MA?x-oss-process=image/format,png
[format_png 26]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWMGpDMG5iejZnYllwN3oyU2FxSWpVa0VjeXdpYnNwREdFdkx5Qnl0ZVRMV3JYN1BEWWhONUk2US82NDA?x-oss-process=image/format,png
[format_png 27]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9DbEFrVUlPaG90VjU1cHhyaWJpY0Fkbm1yTGIwbHRoaHJWS2lhWEhSZlZTYkc2ZE1DMlFKM1I1UGc0WWljcXEzYkJGUDhaRWhscGlheDhWNm9GUWM5RnIwenNnLzY0MA?x-oss-process=image/format,png
[LeetCode]: http://mp.weixin.qq.com/s?__biz=MzUyNjQxNjYyMg%3D%3D&chksm=fa0e75efcd79fcf9c65ebb5070122b9705e18cb1c46b06c5eb3e299520ed4a25e327bc07bb4b&idx=2&mid=2247490158&scene=21&sn=12e587a361f0df072d2dc164c219a61e#wechat_redirect
[Link 1]: http://mp.weixin.qq.com/s?__biz=MzUyNjQxNjYyMg%3D%3D&chksm=fa0e75aecd79fcb8b5f932c7ba5ed7a9e34a6c99f20bc129cef33774167d668e8745755d02ad&idx=1&mid=2247490095&scene=21&sn=baa0379b1ca62db17327a2cb825a1b24#wechat_redirect
[Link 2]: http://mp.weixin.qq.com/s?__biz=MzUyNjQxNjYyMg%3D%3D&chksm=fa0d87aacd7a0ebc3ada34a076d1fa3943ee24097966257132b1042b7a3e4debedc78f38c8cf&idx=1&mid=2247493675&scene=21&sn=6b501ef2032ab911f0a3519eb7397017#wechat_redirect
[MySQL _ B_]: http://mp.weixin.qq.com/s?__biz=MzUyNjQxNjYyMg%3D%3D&chksm=fa0e759ccd79fc8a73c77eacfd7c8b1391b08864e2e13fdf5a6e41e218a499d5a87ee12e4e6a&idx=2&mid=2247490077&scene=21&sn=56c52b385c98c7f0ad33c2621da101eb#wechat_redirect
[Link 3]: http://mp.weixin.qq.com/s?__biz=MzUyNjQxNjYyMg%3D%3D&chksm=fa0e767dcd79ff6b2733dd8905f188afb19eb400d5e644f5b5127f909ee7c3583786031f9c20&idx=2&mid=2247490044&scene=21&sn=bb3610dfedbb2e0c017c3ff3d5e4684b#wechat_redirect
[format_png 28]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9ENjdwZWNlaWJlSVJodm5leUhtTURJTW1sOWtJYlVMUGlhUG5pYThpYW5ic1o3Q2trYlFGQTJLU3V3SzA2R3NuT3JMQ2tleHdwYUVoWU1aNHdac1BpY01Uc1ZBLzY0MA?x-oss-process=image/format,png