Las imágenes no se alinean es como si una imagen tuviera un bloque por así decirlo mas grande que la otra y lo máximo que se alinea es como se muestra en la imagen.
Agrego código HTML
y CSS
.logo {
display: inline-block;
}
.nombre {
display: inline-block;
}
.logo img:first-child {
margin-right: 10px;
}
<div class="logo">
<img src="Imagenes/logo.png" width="70" ; alt="icono" ; title="GastroBlog" ; />
</div>
<div class="nombre">
<img src="Imagenes/nombre.png" width="200" ; alt="name" ; title="GastroBlog" ; />
</div>
CSS
. Le agregué un snippet a tu pregunta y las imágenes se alinean tal como sugieres que deberían estar. Intenté también con algunas imágenes de picsum.photos y funciona perfecto. Ah no ser que tu contenedor sea menor de 270px de ancho.