Buongiorno Rosario,
i breakpoint determinano la larghezza del Contenuto della pagina e dell'Header (se non viene usata l'opzione Estendi alla larghezza della finestra del Browser), mentre l'altezza non è predefinita e viene determinata direttamente nelle impostazioni della Struttura del Modello al Passo 2.
Per quanto riguarda il Contenuto della pagina, la sua altezza non è fissa in quanto dipende dalla quantità di elementi al suo interno, ed è possibile determinare solamente un'altezza minima da usare anche per pagine con pochi contenuti.

... se vuoi creare un'immagine di misure esatte per elaborarla con il tuo programma di grafica, oltre al rilevare le misure nel modo detto da Eric, ...potresti fare una cosa interessante e facile da personalizzare nel tuo Editor grafico, qualsiasi esso sia...
1) ... avvia l'Anteprima;
2) - dal relativo menu del browser di Anteprima apri il tuo browser, preferito, per esempio Edge o Chrome (o firefox);
3) - clicca con il destro nella sezione HEADER; +> Esamina;
4) - nella barra delle attività che si aprirà, nella scheda </>Elementi seleziona il selettore:
<header id="imHeader">
5) - cliccando sul selettore con il Destro del Mouse, selezionare nel relativo menu contestuale la voce:
Acquisisci screenshot del nodo
6) - dalla finestrella di dialogo del browser potrai vedere e/o salvare l'immagine dell'HEADER;
7) - apri questa immagine nel tuo programma di grafica e sostituiscine il conteno grafico con quello che vuoi;
... fatto...! ... praticamente è immediato, due click, più facile a farsi che a dirsi...
... ripetere dal ,3) al .6) per tutti i due-tre (o+) breakpoint in uso...

.

ciao

.

... nel tuo STYAMP per vedere le misure devi selezionare il selettore indicato prima al .4) ...che sono le stesse che hai assegnato al Passo_2...

... sempre al Passo_2 puoi selezionare desktop, e/o responsive, e in questo caso puoi selezionare i vari breakpolint per regolare e rilevare le misure...

... dal tuo STAMP,  ...relativamebnte al procedimento del precedente Post,  ...esegui i precedenti .4) e .5), ... ed otterrai questa immagine di esempio, che potrai copiare nel tuo programma di grafica e modificare/riempire con la grafica che vuoi...

.

.

Su header e footer, i colori a strisce standard o in bicolore possono essere ripetuti e si adattano al contenuto.

Per quanto riguarda le immagini, in cinque anni non mi è mai venuto in mente di adottare una soluzione simile.

Lo sfondo della pagina viene adattato, ma non è responsive, a meno che non si utilizzino immagini con misure personalizzate e un focus centrale per compensare eventuali tagli laterali. Tuttavia, anche in questo caso, l’effetto si rifletterebbe sui contenuti della pagina.

In pratica, in tutte le pagine dove si andranno a inserire testi e oggetti, lo sviluppatore si troverà costretto ad aggiungere immagini in trasparenza o a coprire parte dell’immagine di sfondo del modello. Un approccio che contrasta con qualsiasi principio di esperienza utente orientata alla massima leggibilità e minor invasività possibile. Ovviamente uno fa come gli pare ci mancherebbe. 

Rettifico in parte quello che ho detto.Leggendo bene l'utente mi sembra orientato solo all'header e al footer e non agli sfondi pagina. Mi sembrava troppo strana sta cosa. In ogni caso Mettendo le immagini anche personalizzate in SFondo header e footer dubito che manterranno un assetto responsive anche oltre la soglia dei 1920. 

@Rosario, se come ti ho detto nell'altro post, partivi da un modello "preconfezionato" di tuo gradimento a quest'ora era finito da un bel pezzo... ti stai complicando inutilmente la cosa... ed il programma anche con un template "belle e pronto" lo "familiarizzavi" a prescindere...