Προς το περιεχόμενο

άνοιγμα σελίδας στο ίδιο παράθυρο???


Eagle_IIz

Προτεινόμενες αναρτήσεις

καλησπέρα σας

το προβληματάκι μου είναι ότι θέλω να κάνω μια φωτογραφία που εμφανίζετε μόνιμα σε όλο το blog να την κάνω να λειτουργεί  σαν αρχική σελίδα δηλαδή όταν κάνω click πάνω της να με πηγαίνει ξανά στην αρχική σελίδα 

 

<center style="font-style: normal;"><img src="η εικόνα που έχω βάλει.png" /></center>

 

τι πρέπει να προσθέσω??? 

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

<center style="font-style: normal;">

<a href="αρχική σελίδα.html" target=_self> <img border="0" src="η εικόνα που έχω βάλει.png" width="xxx" height="xx"/> </a>

</center>

 

Στα χ βάζεις της διαστάσεις που έχει η εικόνα για καλύτερη εμφάνιση ή δεν τα βάζει καθόλου.

δοκίμασε και 

 

target=_top

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Όμως καλό είναι να αναφέρω πως best practice είναι μια εικόνα να έχεις πολλές version έτσι αναλόγως το μέγεθος της οθόνης και την συσκευή να φορτώνει την κατάλληλη εικόνα έτσι πχ σε κινητό θα κατεβάζει μια εικόνα ποιο γρήγορα λόγο ότι θα έχει μικρότερο μέγεθος.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Όμως καλό είναι να αναφέρω πως best practice είναι μια εικόνα να έχεις πολλές version έτσι αναλόγως το μέγεθος της οθόνης και την συσκευή να φορτώνει την κατάλληλη εικόνα έτσι πχ σε κινητό θα κατεβάζει μια εικόνα ποιο γρήγορα λόγο ότι θα έχει μικρότερο μέγεθος.

 

Κάποτε ναι, σήμερα μόνο για ελάχιστες περιπτώσεις και κυρίως για το αντίστοιχο mobile layout του site που η δόμηση του θα απαιτεί εκ των προτέρων μικρότερη εικόνα. Αλλιώς σε ποιόν να δώσεις τη μικρότερη εικόνα; Όταν τα smartphone πλέον έρχονται με 1080p οθόνη και η ταχύτητα των συνδέσεων δεν είναι πρόβλημα, υπάρχουν πολύ σημαντικότερα πράγματα που πρέπει να σε απασχολούν...

  • Like 1
Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Κάποτε ναι, σήμερα μόνο για ελάχιστες περιπτώσεις και κυρίως για το αντίστοιχο mobile layout του site που η δόμηση του θα απαιτεί εκ των προτέρων μικρότερη εικόνα. Αλλιώς σε ποιόν να δώσεις τη μικρότερη εικόνα; Όταν τα smartphone πλέον έρχονται με 1080p οθόνη και η ταχύτητα των συνδέσεων δεν είναι πρόβλημα, υπάρχουν πολύ σημαντικότερα πράγματα που πρέπει να σε απασχολούν...

Δεν είναι πλέον θέμα οθόνης αλλά όγκου γιατί σε ένα smartphone μπορεί να μπαίνει και από 3g/4g που έχει ογκοχρέωση. Άρα μια μικρή εικόνα = μικρός όγκος

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Δεν είναι πλέον θέμα οθόνης αλλά όγκου γιατί σε ένα smartphone μπορεί να μπαίνει και από 3g/4g που έχει ογκοχρέωση. Άρα μια μικρή εικόνα = μικρός όγκος

 

Καταλαβαίνω τι εννοείς, αλλά πλέον είτε δεν έχει νόημα, είτε σε κάποιες περιπτώσεις δημιουργεί περισσότερα προβλήματα.

 

Αν για παράδειγμα χρειάζομαι μια εικόνα στα 1024*768 στο site σημαίνει πρώτον ότι δε μιλάμε για ασήμαντο περιεχόμενο, άρα πρέπει να το δει ο επισκέπτης. Όταν λοιπόν θα προβληθεί η σελίδα σε ένα iPhone, που στις 4 ιντσες έχει ανάλυση οθόνης μεγαλύτερη από της παραπάνω εικόνας, αν συνεχίζω και του δίνω το ίδιο desktop layout, σημαίνει ότι τον αναγκάζω να κάνει zoom, που για να καλύψει η εικόνα πλήρως την οθόνη του και να τη δει πρέπει να έχει τουλάχιστον την παραπάνω ανάλυση αν όχι μεγαλύτερη, για να αποφύγω το upscale. Ακόμη και mobile layout να είχα, αν αυτή η εικόνα συνέχιζε να εξυπηρετεί τον ίδιο σκοπό, πάλι η ανάλυση θα έπρεπε να μείνει ψηλά. Εξοικονόμηση όγκου θα μπορούσε να γίνει, αν το περιεχόμενο της εικόνας ήταν τέτοιο που θα μπορούσα να το αποδώσω το ίδιο αποτελεσματικά στις άλλες συσκευές με html/css. Αλλά εδώ είμαι από την αρχή "γκασμάς" που γέμισα ένα target group με ανούσιες εικόνες...   

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Καταλαβαίνω τι εννοείς, αλλά πλέον είτε δεν έχει νόημα, είτε σε κάποιες περιπτώσεις δημιουργεί περισσότερα προβλήματα.

 

Αν για παράδειγμα χρειάζομαι μια εικόνα στα 1024*768 στο site σημαίνει πρώτον ότι δε μιλάμε για ασήμαντο περιεχόμενο, άρα πρέπει να το δει ο επισκέπτης. Όταν λοιπόν θα προβληθεί η σελίδα σε ένα iPhone, που στις 4 ιντσες έχει ανάλυση οθόνης μεγαλύτερη από της παραπάνω εικόνας, αν συνεχίζω και του δίνω το ίδιο desktop layout, σημαίνει ότι τον αναγκάζω να κάνει zoom, που για να καλύψει η εικόνα πλήρως την οθόνη του και να τη δει πρέπει να έχει τουλάχιστον την παραπάνω ανάλυση αν όχι μεγαλύτερη, για να αποφύγω το upscale. Ακόμη και mobile layout να είχα, αν αυτή η εικόνα συνέχιζε να εξυπηρετεί τον ίδιο σκοπό, πάλι η ανάλυση θα έπρεπε να μείνει ψηλά. Εξοικονόμηση όγκου θα μπορούσε να γίνει, αν το περιεχόμενο της εικόνας ήταν τέτοιο που θα μπορούσα να το αποδώσω το ίδιο αποτελεσματικά στις άλλες συσκευές με html/css. Αλλά εδώ είμαι από την αρχή "γκασμάς" που γέμισα ένα target group με ανούσιες εικόνες...

Από τη στιγμή που τα break points σου είναι η ανάλυση της οθονης, δεν ισχύουν τα όσα περιγράφεις παραπάνω. Εννοώ πως στο παράδειγμά σου, αν η ανάλυση της συσκευής έχει πλάτος < 300px μπορείς να κάνεις serve τη μικρογραφία της εικόνας, αν έχει πλάτος < 800px να κάνεις serve την μικρή εικόνα, αν έχει πλάτος < 1024px να κάνεις serve την medium εικόνα, αλλιώς να κάνεις serve την full εικόνα.

 

Οπότε όντως του γλιτώνεις περιττό bandwidth του χρήστη όταν κάνεις serve διαφορετικές εικόνες ανάλογα την ανάλύση της συσκευής του.

 

Εκτός αν έχω καταλάβει λάθος αυτό που γράφεις.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Από τη στιγμή που τα break points σου είναι η ανάλυση της οθονης, δεν ισχύουν τα όσα περιγράφεις παραπάνω. Εννοώ πως στο παράδειγμά σου, αν η ανάλυση της συσκευής έχει πλάτος < 300px μπορείς να κάνεις serve τη μικρογραφία της εικόνας, αν έχει πλάτος < 800px να κάνεις serve την μικρή εικόνα, αν έχει πλάτος < 1024px να κάνεις serve την medium εικόνα, αλλιώς να κάνεις serve την full εικόνα.

 

Οπότε όντως του γλιτώνεις περιττό bandwidth του χρήστη όταν κάνεις serve διαφορετικές εικόνες ανάλογα την ανάλύση της συσκευής του.

 

Εκτός αν έχω καταλάβει λάθος αυτό που γράφεις.

Αυτό ακριβώς...

Στο φινάλε φινάλε αν θέλει να δει σε upscale την εικόνα ας κάνει κλικ πάνω σε αυτήν για να πάρει την full εικόνα.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...