Автоматическое указание высоты и ширины картинки

Ты путаешь причину и следствие.

Как можно реализовать автовывод width=«ХХ» и height=«ХХ» в атрибутах картинки в зависимости от разрешения картинки в данный момент, что бы после этого применить ресайз phpthumbof

Это атрибуты width и height указывают клиенту, какое разрешение у картинки и бронируют место на странице для неё.
То есть, выводится пустой прямоугольник для картинки с указанными размерами, в который загружается изображение. Если атрибуты не соответствуют картинке — она будет растянута или скукожена до них.

width и height не влияют на реальный размер или разрешение файла, они только говорят клиенту, как отобразить его.
Если атрибуты не указать, то страница будет «дергаться» после полной загрузки файла. Вот и всё.

А если ты делаешь ресайз файла на сервере, то должен сам знать, до какого размера ты его меняешь — и можешь указать эти значения в атрибутах чанка.

Но я думаю, что у тебя просто «резиновая» верстка и картинки отображаются по-разному, в зависимости от разрешения экрана. То есть, никакого реального ресайза нет. Файлы одинаковые и для ПК, и для мобильного, отображение файла меняется уже на клиенте.

Так что, нужно или сделать реальный ресайз изображений для мобильников на сервере (фактически, мобильную версию сайта) или просто оставить как есть и не переживать про циферки в Гугле.

Можно попробовать выводить изображение так:

<img src="image-for-pc.jpg" data-mobile="image-for-mobile.jpg" />

Затем с помощью JS подставлять в src малое изображение, если пользователь зашел с мобильного устройства. К примеру:

if ( isMobile() ) {
    $('img').each(function() {
        $(this).attr('src', $(this).data('mobile'));
    });
}

Только надо иметь jQuery и определить функцию isMobile. Думаю, идея понятна.