Redimensionar Imagen dentro de variable

Saludos, Tengo un problema quiero dimensionar una imagen en html, el caso es que esta imagen no se obtiene con la dirección y nombre directo de la imagen si no que con una variable %FOTO% al ponerla dentro de una tabla no me deja dimensionar no la celda ni la misma imagen .. ya probé:
<img src =%FOTO% width="50%" heigth="50%> y no me resulta de hecho aparece: width="50%" heigth="50%
si pongo <p> %FOTO% </p> aparece la imagen pro no se dimensiona
de antemano muchas gracias

Buenas, si pones <p> %FOTO% </p> y visualizas la foto creo que es por que esa variable te monta la imagen completa es decir <img src=xxx etc

por que eso creo que no la puedes redimensionar por que esa variable te genera el código completo de la img

lo que puedes hacer es esperar a que cargue la pagina con $(document).ready() y lanzar una pequeña función que modifique las imágenes que se encuentren dentro del DOM de la pagina

una pregunta, esa imagen siempre esta dentro de un elemento? es decir dentro de una tabla o capa? mas que nada por que necesitas decir a esa función donde están las imágenes que quieres redimensionar

con este código de ejemplo puedes verlo funcionado:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="tabla">
	<img src="https://assets.ubuntu.com/v1/7d267d01-desktop.png?h=350">
</div>

<script>
	
$(document).ready(function(){
	$('#tabla img').css('width', '100%');
})

</script>

demo