SamSuka
bigclive
bigclive

patreon


Weird website glitch. (Solved! It was a cache issue.)

I was just updating www.bigclive.com with a new page for the merchandise logos.

The idea is that you can choose a logo, save the image and then get an item made with it.

Strange glitch though.  I edited the merchandise page on a Windows laptop and it rendered perfectly in Chrome.  But when uploaded to my website space it shows the first image (the bare channel logo bcdc.png) but then when it's supposed to display the second wider image with text (bcdc1.png) it displays the first image again, but squished to the declared size.

Then the following images are fine.

I was tearing my hair out trying to workout what was wrong in a REALLY simple HTML page then decided to try the page on my Chromebook and it rendered perfectly.

Then I tried Explorer on the Windows laptop and it rendered perfectly there too.

I haven't a clue what would cause the image glitch in Chrome on the laptop.  Especially as it doesn't happen if the HTML file is accessed directly from the disk.


Let me know if it's happening to you on this page:- http://www.bigclive.com/merch.htm

Note that the "gangsta" images are probably going to be modified with a glowing end to the "doober".

Comments

https://shouldiblamecaching.com/

Zachary Faragher

I was going to say Shift-F5, but I see you have already solved it.

I don't think I've ever used the alt tag. My HTML goes back a long way.

Big Clive

Ah, I may have accidentally fixed that while adding the actual embroidery files.

Big Clive

Oh darn, I'll have to go and hunt that down. I'll probably be working on the page tonight anyway.

Big Clive

Looking gewddd

Those are great logos

Kevin Hardisty

Nice logo"s thank you

William Nimmo

Works fine for me. My guess is that somehow you once loaded the "no text" image as bcdc1.png (perhaps you had uploaded bcdc.png as bcdc1.png by mistake). After that, your browser was simply displaying the cached version for you. Clearing your cache as others suggested probably would have fixed it for you.

Davin Desborough

Works fine on my pcs / win 10/ linux/ all browsers

Not bad, you have a typo.

Looks fine in Firefox on Android

Jeremy Impson

Looks fine here on Win 8 using Firefox and Brave

Fine for me, chrome and Edge on win 10, chrome on android, chromebook, and chrome and mozilla on Linux Mint

It's fine here on a Windows 10 PC, on Edge, Chrome and Firefox. Also on Netsurf under RISC OS.

Could be that you needed to clear your cache in browser - sometimes can effect the page if it’s been uploaded in different stages. Just needs a clean run to reload the images and content.

Displays fine for me on Safari, Chrome and Edge

Yeah, I'm on Chromium 83 on Manjaro Linux (i use Arch did you know? etc) and it looks just fine. But what Adam said, I was wondering if line endings might be an issue - it seems unlikely, but Notepad++ could help find if that's a problem. I've had this problem before with *nix boxes processing text files saved on Windows boxes.

Steven Raith

Looks okay here, Pi 4b, using the Chrome browser..., too many dark 'n stormies...

Looks fine to me... Chrome 84 on Linux. CTRL+R will force a cache refresh (depending on your settings), I'd also recommend a text editor like Atom/Sublime/Notepad++ which can handle different line endings (CR/CRLF) just in case that does anything weird, also " in if copied and pasted could become something else too.

Looks correct on Chrome Version 84.0; on MacOS. I don't have a Windows box to check on.

Auctoris

Nice, clean, uncluttered HTML. I would probably use VS Code with a beautifier/formatter to keep tags and colour names consistent (upper/lower case). Checked it also in a validator: https://validator.w3.org/ - yes, it complains a lot about CSS, but you don't really need it for such a small page. However, ALT tags for images are not only vital for the blind (yes, they cannot see your logo (until printed or embroidered), but crawlers like Google also use them to show your images in an image search. It might well be worthwhile to add these tags. Oh... that gray thing is a tongue? Did not realize it. I thought it's some candy. Maybe I should eat something... ;-)

Hagen

Looks fine for me android , will try on chrome book and Windows too

Looking good on Win10's Opera, Chrome, Firefox, Edge. Typo 'emroidery'.

Hagen

Looking good on Safari and Chrome on a Mac

Working fine with firefox on android

Looked pretty cool to me but what do I know?

Michael Thompson

Working OK on Opera, Chrome, Chrome for Android and Edge Chromium. Tongue sticky outy angle was off maybe?

Anita Davis

Works fine Samsung Note 8 - Android 9 - Chrome Browser - Image here >> https://bit.ly/BC-WS If you or anyone else wants hosting with free https then can do a special deal for you and your patreons, also can host WP with CDN & backups, stable, reliable, UK zero carbon host :-)

Robert

That would be a massive keytag. You could put your coffee cup on it.

Big Clive

The browser cache catches everyone from time to time. BTW, looks great on both the Linux and Windows flavours of Chrome.

Howard Simons

Looks fine on Chrome on iOS 14.

Shira Wolven

I did a pcb keytag. Order from China in black I suggest. https://oshpark.com/shared_projects/XtG8zkxF

Looks fine on Edge, Opera, Chrome and Firefox, from Desktop PC.

I was about to say a cache problem, but others have beat me to it. As a web developer, you get used to pressing Ctrl-F5 to reload the page, which auto clears the cache.

Works fine on my iPhone. I see a vinyl cut Big Clive appearing on my Tesla soon :)

The Griffiths Family

It turned out to be a local cache issue. I've never experienced it before, so it caused a lot of frustration.

Big Clive

Seems ok on my phone.

Neil Tonks

looks fine on chrome and explorer for me..

Richard Boyce

Looks fine from down under in Chrome and Firefox

Kean

That's actually my favourite. All it needs is that glowing end to the spliff. Although, ironically I don't actually smoke herbaceous extracts.

Big Clive

It looks fine for me in Chrome on a Mac, and I took at your HTML and the HTTP headers sent from your server and everything looks fine to me. It's probably a glitch in caching logic somewhere. One other possibility is that your ISP is messing with the requests. Some ISPs have been caught converting images or videos to lower quality, or even inserting their own ads. Here's a paper about that: https://taejoong.github.io/pubs/publications/chung-2016-middlebox.pdf The solution is to encrypt your site with SSL/TLS so they can't mess with the data sent between browsers and your server. Certificates are free through Let's Encrypt, so you might consider setting that up.

John Hiesey

Spot on - it was a cache issue. And when I tried clearing the cache Chrome hung, so it might be time to do a fresh clean install. I like the clean bare HTML. It results in ultra fast loading pages.

Big Clive

Looks fine in Chrome CustomTabs, also love the skip of the baseball cap on the last one.

NightshadeLenar

That sounds like a caching problem. Press Ctrl+F5 or hold Shift while clicking Reload to reload the page from the server and bypass the cache.

Michael Dunn

Looks fine on Android using both the unbranded browser, and Chrome.

Mike Cowen

Looks fine here.

Myrk

Seems to be fine here. Using the latest build of Chrome on Win10.

Ross Robertson

Looks fine on Firefox on Win10.

Looks fine to me, win 10 laptop chrome.

Mark Trombley

Works fine for me. Try a shift-f5 or ctrl-shift-f5 with the page loaded on the misbehaving browser.

Renders fine on Chromium on a Raspberry Pi.

Phil Moyer

Works fine on my win 10 laptop chrome. Images are as you said they should be, not the first one doubled and stretched. Gotta be some weird caching issue no?

Greg Bell

Looks correct on my iPad, and also on Safari on my Mac. Your HTML looks OK too - albeit it looks like HTML from the 90s. ;) It's not wrong though. Try clearing your Chrome cache: https://support.google.com/accounts/answer/32050?co=GENIE.Platform%3DDesktop&hl=en

David Glover-Aoki

Looks perfect on my PC (running Chrome v84). I can see the logo without text, then three versions of the logo with text, then two versions of the gangsta logo

I'm using a Chrome based browser on an Android phone, and everything looks alright.


More Creators