JavaScript
Com JavaScript, você pode criar um novo elemento de forma programática, inserir o conteúdo da sua string como conteúdo deste elemento e, após, utilizar a função querySelector
para buscar a imagem desejada e recuperar o valor do atributo src
. Perceba que o elemento criado existirá só virtualmente, pois o mesmo não é inserido no corpo do documento.
const data = `
<img src="/images/blog/outra-imagem-A.jpg" />
<img src="/images/blog/outra-imagem-B.jpg" />
<img id="img_blog" src="/images/blog/cliente-ideal-voce-sabe-quem-e.jpg" />
<img src="/images/blog/outra-imagem-C.jpg" />
<img src="/images/blog/outra-imagem-D.jpg" />
`;
const virtual = document.createElement("div");
virtual.innerHTML = data;
const img = virtual.querySelector("#img_blog");
console.log(img.getAttribute("src"));
PHP
Já, com PHP, você pode utilizar a classe nativa DOMDocument
para analisar o conteúdo da sua string e extrair a informação desejada:
<?php
$data = <<<HTML
<img src="/images/blog/outra-imagem-A.jpg" />
<img src="/images/blog/outra-imagem-B.jpg" />
<img id="img_blog" src="/images/blog/cliente-ideal-voce-sabe-quem-e.jpg" />
<img src="/images/blog/outra-imagem-C.jpg" />
<img src="/images/blog/outra-imagem-D.jpg" />
HTML;
$dom = new DOMDocument();
$dom->loadHTML($data);
$img = $dom->getElementById("img_blog");
echo $img->getAttribute("src"), PHP_EOL;
Veja funcionando no Repl.it