isso por si só não é possível, a não ser que você esteja usando um código javascript para fazer esta conversão, certamente existe no seu site um código similar a este:
sobre data:url: https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
function getBase64Image(img) {
// Create an empty canvas element
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
// Copy the image contents to the canvas
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
// Get the data-URL formatted image
// Firefox supports PNG and JPEG. You could check img.src to
// guess the original format, but be aware the using "image/jpg"
// will re-encode the image.
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
o que ocorre ai é que ele pega a imagem original e salva no seu navegador uma copia recodificada (base64), assim não precisa carregar a imagem sempre que o usuário acessar o site, é um bom método de otimização(consulte a documentação para entender melhor, o arquivo codificado pode ficar maior que o original se feito da forma errada), serve também para não pegarem a imagem do seu site e ficar usando em outro, consumindo a largura de banda do seu servidor, com ressalvas, claro, um usuário avançado conseguiria achar a imagem correspondente fuçado o console, mais já dificulta para a maioria, já que não poderá usar o data:url em outro lugar.
Formatação data:[<mediatype>][;base64],<data>
data:image
é um caminho local e temporário, tanto é que você consegue acessar diretamente pelo navegador, sem uso de http(s), claro, vai dar uma pagina de erro, por que o caminho não é relativo.
"Nota: Os URLs de dados são tratados como origens opacas exclusivas pelos navegadores modernos, em vez de herdar a origem do objeto de configurações responsável pela navegação."
isso explica como ele foi parar em background-image, apenas retire este código ou "biblioteca" que você incluiu no site e limpe o cache, voltará ao normal em seguida.
em relação ao tamanho da imagem, você não consegue mudar o tamanho por uma questão de hierarquia, os valores de alguma forma já foram declarados no css(o certo é retirar de lá), você pode força ele renderizar com os valores que deseja usando: <img src="" style="width:300px !important;">
SEGUNDO A DOCUMENTAÇÃO DA MOZILA
data URIs:
os URIs definidos pela RFC 2397, permitem que os criadores de conteúdo incorporem pequenos arquivos embutidos nos documentos.
Os esquemas de codificação Base64 são comumente usados quando há necessidade de codificar dados binários que precisam ser armazenados e transferidos por mídia projetada para lidar com dados de texto. Isso é para garantir que os dados permaneçam intactos sem modificação durante o transporte. O Base64 é comumente usado em vários aplicativos, incluindo email via MIME e armazenamento de dados complexos em XML .
No JavaScript, existem duas funções, respectivamente, para decodificar e codificar cadeias base64 :
A atob() função decodifica uma sequência de dados que foi codificada usando a codificação base 64. Por outro lado, a btoa() função cria uma sequência ASCII codificada em base 64 a partir de uma "sequência" de dados binários.
background-image
está sendo usado na tagimg
? e nosrc
tem uma gif de 1x1width:300px
Vc está usando algum tipo de compilado?