Snape would likely be shocked and then enraged. Harry is supposed to be the hero of the wizarding world, and seeing him drunk would be a huge disappointment. He would most likely drag Harry to his office, lecture him about propriety and the expectations placed on him as a wizard, and probably assign some form of punishment like a long detention. But as he observes Harry more closely during this time, he might start to wonder what drove Harry to this and if there are deeper issues that need to be addressed.
Snape would likely be angry at first. Harry has always been a source of trouble in his eyes, and running away would just add to that perception. He might mutter some sarcastic remarks under his breath about Potter's irresponsibility.
Hermione would likely be a mix of disappointed and worried. Disappointed because Harry is usually responsible, and worried because she cares about him. So she'd probably try to figure out why he got drunk in the first place.
He may show a rare moment of kindness. Given his own past traumas and experiences, he might empathize with Hermione on some level. He could offer her some words of wisdom or even some form of magical assistance to help her get better.
He might be initially startled. Snape is used to seeing Hermione as a strong - willed and confident student. So seeing her crying could catch him off - guard. But then he might quickly put on his usual cold facade and ask her curtly what's wrong.
Snape might be initially shocked but then try to hide his concern. He's a complex character. He could act indifferent in public but secretly start to gather information about who is behind the abuse. He might also start to keep a closer eye on Harry without the boy realizing it.
He would be intrigued and eager to read it.
He would probably be in shock. Snape has spent so much time around Harry in one way or another throughout his years at Hogwarts. His immediate reaction could be disbelief. He might stand there frozen for a moment, unable to process what he's seeing. Then, the full weight of the situation would hit him, and he could break down in a rare display of raw emotion.
He could be secretly worried. Snape might use his knowledge of potions and dark magic to try and find a cure or at least a way to stop the bleeding. He may also be conflicted, as his past relationship with Harry and his loyalty to different sides in the wizarding world play a role in how much he wants to help Harry.
He'd probably be annoyed. Snape is a serious wizard and he might think fanfiction is a silly Muggle - influenced concept.
Harry would probably be quite startled at first. The idea of Sirius and Remus in a relationship as depicted in the fanfiction photos is not something he's ever considered. But as he looks at the photos more, he could become more understanding. He's used to different magical concepts, and this could be just another one for him to wrap his head around. He might even feel a sense of pride that his father's friends were so interesting that fans created such elaborate stories and photos about them.