سلام،

ابتدا نکته ی مهمی که وجود داره برای استفاده تصاویر در وب و سئو اینست که تصاویر حتما سایزشون با سایز استفاده در وب یکی باشد یعنی مثلا سایز اصلی 700*400 نباشه و در سایت 200*100 کنیدش، همان سایزی که استفاده میکنید با نرم افزار‌های مربوطه سایز تصویر کوچک شده باشد چون با اینکه شما با css و اتریبیوت‌های موجود در img میتونید تصویرو کوچیک کنید ولی تصویر با سایز بزرگ لود میشود که هم حجم سایت را بالا میبرد و هم امتیاز منفی از سئو میگیرد و سرعت بارگذاری و لود سایت را پایین می‌آورد.

بنابراین با اینکه باید سایز تصاویر را مشخص کنیم ولی سایز اصلی با سایزی که در img و css میدهیم یکسان باشد.

پاسخ سؤالتون این هست که با width و height هم در css و هم در اتریبیوت‌های img میتونید سایز تصویرو مشخص کنید. نکته سئو اینست که width و height تگ‌های img رو هم مشخص کنید. ضمناً برای اطمینان از اینکه تصویر بزرگتر از اندازه مورد نظر نشود، میتوانید از max-width و max-height استفاده کنید.

در واکنش گرایی و ریسپانسیو هم از مدیاکوئری‌ها استفاده خواهید کرد که آموزش میبینید.