首图在手机上需要方形裁剪，在桌面端需要宽幅裁剪。哪种标记能够表达这种艺术指导需求？

首图在手机上需要方形裁剪，在桌面端需要宽幅裁剪。哪种标记能够表达这种艺术指导需求？

1. 使用带媒体条件 `<source>` 与 `<img>` 后备内容的 `<picture>` 元素
2. 在所有宽度下都使用一个超大 `<img>`，再通过 `overflow: hidden` 隐藏部分内容
3. 使用背景图片，并在每次 resize 事件后通过 JavaScript 修改文件名