谷歌浏览器下载图片时出现错位，可能是由于加载顺序导致的。为了解决这个问题，可以尝试以下方法：
1. 调整浏览器的加载顺序。在谷歌浏览器的设置中，找到“开发者工具”选项卡，然后点击“控制台”（Console）。在控制台中输入以下代码：
javascript
document.addEventListener('DOMContentLoaded', function() {
let images = document.querySelectorAll('img');
for (let i = 0; i < images.length; i++) {
images[i].style.order = '-999';
}
});

这段代码会将图片的加载顺序设置为最低，从而减少加载时间。
2. 如果问题仍然存在，可以尝试使用第三方图片加载库，如jQuery的`$.getImageData()`方法。这个方法可以异步加载图片，并返回一个包含图片数据的数组。你可以将这个数组传递给img标签的`src`属性，从而避免错位。
例如，使用jQuery的`$.getImageData()`方法加载图片：



javascript
$.get(function(data) {
var imageData = data.data;
var canvas = document.createElement('canvas');
canvas.width = imageData.width;
canvas.height = imageData.height;
var context = canvas.getContext('2d');
context.putImageData(imageData, 0, 0);
var image = new Image();
image.src = canvas.toDataURL();
}, 'json');

这样，图片将按照正确的顺序加载，避免了错位问题。